Testseite JSXGraph

Aus Wiki1

(Unterschied zwischen Versionen)
Wechseln zu: Navigation, Suche
 
(Der Versionsvergleich bezieht 73 dazwischenliegende Versionen mit ein.)
Zeile 1: Zeile 1:
-
<jsxgraph box="jxgbox2a" width="600" height="600">
+
<jsxgraph box="box" width="600" height="600">
-
var x_min=-8;
+
var x_min=0;
-
var x_max=8;
+
var x_max=2;
-
var y_min=8;
+
var y_min=0;
-
var y_max=-8;
+
var y_max=2;
var dx=(x_max-x_min)/100;
var dx=(x_max-x_min)/100;
var dy=(y_max-y_min)/100;
var dy=(y_max-y_min)/100;
-
var brd = JXG.JSXGraph.initBoard('jxgbox2a', {boundingbox: [x_min,y_max,x_max,y_min], axis:false});
+
var brd = JXG.JSXGraph.initBoard('box', {boundingbox: [x_min,y_max,x_max,y_min]});
-
    var bound = [-5, 5];
 
-
    var view = brd.create('view3d',
 
-
        [[-6, -3], [8, 8],
 
-
        [bound, bound, bound]],
 
-
        {});
 
-
    var s = brd.create('slider', [[-7, -6], [5, -6], [-3, 1, 4]], { name: 's' });
+
  var bound = [0, 10];
-
    var v11 = [0, 1, 0],
+
  var view = brd.create('view3d',
-
        v12 = [1, 1, 0];
+
      [[0.5, 0.5], [1, 1],
 +
      [bound, bound, bound]],
 +
      {});
 +
let baseCube1 = view.create('polyhedron3d', [
 +
    [
 +
        [0, 0, 0], [10, 0, 0], [10, 10, 0], [0, 10, 0], [0, 0, 10], [10, 0, 10], [10, 10, 10], [0, 10, 10]
 +
    ], [
 +
        [0, 1, 2, 3], [0, 1, 5, 4], [1, 2, 6, 5], [2, 3, 7, 6], [3, 0, 4, 7], [4, 5, 6, 7]
 +
    ]
 +
], {visible: true, color: 'red', opacity: 1
 +
});
-
    var plane1 = view.create('plane3d', [[1, -1, 1], v11, v12], {
+
let baseCube2 = view.create('polyhedron3d', [
-
        fillColor: 'red', strokeColor: '#888888', strokeOpacity: 0.6, mesh3d: { visible: false }
+
    [
-
    });
+
        [10, 10, 0], [9, 10, 0], [9, 9, 0], [10, 9, 0], [10, 10, 1], [9, 10, 1], [9, 9, 1], [10, 9, 1]
 +
    ], [
 +
        [0, 1, 2, 3], [0, 1, 5, 4], [1, 2, 6, 5], [2, 3, 7, 6], [3, 0, 4, 7], [4, 5, 6, 7]
 +
    ]
 +
], {
 +
    visible: true, color: 'blue', opacity: 1
 +
});
-
+
let baseCube3 = view.create('polyhedron3d', [
-
   
+
    [
 +
        [9, 10, 0], [8, 10, 0], [8, 9, 0], [9, 9, 0], [9, 10, 2], [8, 10, 2], [8, 9, 2], [9, 9, 2]
 +
    ], [
 +
        [0, 1, 2, 3], [0, 1, 5, 4], [1, 2, 6, 5], [2, 3, 7, 6], [3, 0, 4, 7], [4, 5, 6, 7]
 +
    ]
 +
], {
 +
    visible: true, color: 'green', opacity: 1
 +
});
 +
let baseCube4 = view.create('polyhedron3d', [
 +
    [
 +
        [8, 10, 0], [7, 10, 0], [7, 9, 0], [8, 9, 0], [8, 10, 3], [7, 10, 3], [7, 9, 3], [8, 9, 3]
 +
    ], [
 +
        [0, 1, 2, 3], [0, 1, 5, 4], [1, 2, 6, 5], [2, 3, 7, 6], [3, 0, 4, 7], [4, 5, 6, 7]
 +
    ]
 +
], {
 +
    visible: true, color: 'yellow', opacity: 1
 +
});
 +
 +
let baseCube5 = view.create('polyhedron3d', [
 +
    [
 +
        [7, 10, 0], [6, 10, 0], [6, 9, 0], [7, 9, 0], [7, 10, 5], [6, 10, 5], [6, 9, 5], [7, 9, 5]
 +
    ], [
 +
        [0, 1, 2, 3], [0, 1, 5, 4], [1, 2, 6, 5], [2, 3, 7, 6], [3, 0, 4, 7], [4, 5, 6, 7]
 +
    ]
 +
], {
 +
    visible: true, color: 'orange', opacity: 1
 +
});
 +
 +
let baseCube6 = view.create('polyhedron3d', [
 +
    [
 +
        [6, 10, 0], [5, 10, 0], [5, 9, 0], [6, 9, 0], [6, 10, 8], [5, 10, 8], [5, 9, 8], [6, 9, 8]
 +
    ], [
 +
        [0, 1, 2, 3], [0, 1, 5, 4], [1, 2, 6, 5], [2, 3, 7, 6], [3, 0, 4, 7], [4, 5, 6, 7]
 +
    ]
 +
], {
 +
    visible: true, color: 'grey', opacity: 1
 +
});
 +
 +
let baseCube7 = view.create('polyhedron3d', [
 +
    [
 +
        [5, 10, 0], [4, 10, 0], [4, 9, 0], [5, 9, 0], [5, 10, 10], [4, 10, 10], [4, 9, 10], [5, 9, 10]
 +
    ], [
 +
        [0, 1, 2, 3], [0, 1, 5, 4], [1, 2, 6, 5], [2, 3, 7, 6], [3, 0, 4, 7], [4, 5, 6, 7]
 +
    ]
 +
], {
 +
    visible: true, color: 'darkgrey', opacity: 1
 +
});
 +
 +
let baseCube8 = view.create('polyhedron3d', [
 +
    [
 +
        [4, 10, 0], [3, 10, 0], [3, 8, 0], [4, 8, 0], [4, 10, 10], [3, 10, 10], [3, 8, 10], [4, 8, 10]
 +
    ], [
 +
        [0, 1, 2, 3], [0, 1, 5, 4], [1, 2, 6, 5], [2, 3, 7, 6], [3, 0, 4, 7], [4, 5, 6, 7]
 +
    ]
 +
], {
 +
    visible: true, color: 'lightblue', opacity: 1
 +
});
 +
 +
let baseCube9 = view.create('polyhedron3d', [
 +
    [
 +
        [3, 10, 0], [0, 10, 0], [0, 7, 0], [3, 7, 0], [3, 10, 10], [0, 10, 10], [0, 7, 10], [3, 7, 10]
 +
    ], [
 +
        [0, 1, 2, 3], [0, 1, 5, 4], [1, 2, 6, 5], [2, 3, 7, 6], [3, 0, 4, 7], [4, 5, 6, 7]
 +
    ]
 +
], {
 +
    visible: true, color: 'white', opacity: 1
 +
});
</jsxgraph>
</jsxgraph>

Aktuelle Version vom 14:25, 8. Sep. 2025

Persönliche Werkzeuge