Testseite JSXGraph

Aus Wiki1

(Unterschied zwischen Versionen)
Wechseln zu: Navigation, Suche
Zeile 1: Zeile 1:
<jsxgraph box="box" width="600" height="600">
<jsxgraph box="box" width="600" height="600">
-
var x_min=0;
+
var x_min=-8;
-
var x_max=2;
+
var x_max=8;
-
var y_min=0;
+
var y_min=8;
-
var y_max=2;
+
var y_max=-8;
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('box', {boundingbox: [x_min,y_max,x_max,y_min]});
+
var brd = JXG.JSXGraph.initBoard('jxgbox2a', {boundingbox: [x_min,y_max,x_max,y_min], axis:false});
 +
    var bound = [-5, 5];
 +
    var view = brd.create('view3d',
 +
        [[-6, -3], [8, 8],
 +
        [bound, bound, bound]],
 +
        {});
-
  var bound = [0, 10];
+
    var s = brd.create('slider', [[-7, -6], [5, -6], [-3, 1, 4]], { name: 's' });
-
  var view = brd.create('view3d',
+
    var v11 = [0, 1, 0],
-
      [[0.5, 0.5], [1, 1],
+
        v12 = [2, 1, 1],
-
      [bound, bound, bound]],
+
        v21 = [1, 0, 0],
-
      {});
+
        v22 = [2, -1, () => s.Value()];
-
  var a = view.create('point3d', [10, 10, 10], { name:'Gott', size: 2 });
+
-
  var b = view.create('point3d', [0, 0, 0], { name:'Leere', size: 2 });
+
-
  var c = view.create('point3d', [0, 0, 0.5], { name:'Bohrmaschine', size: 2 });
+
-
  var d = view.create('point3d', [0.5, 0.5, 2], { name:'Zelle', size: 2 });
+
-
  var e = view.create('point3d', [5, 5, 5], { name:'Mensch', size: 2 });
+
-
  var f = view.create('point3d', [2, 2, 3], { name:'Ameise', size: 2 });
+
-
  var x = view.create('point3d', [10, 0, 0], { name:'x', size: 1 });
+
    var plane1 = view.create('plane3d', [[1, -1, 1], v11, v12], {
-
  var y = view.create('point3d', [0, 10, 0], { name:'y', size: 1 });
+
        fillColor: 'red', strokeColor: '#888888', strokeOpacity: 0.6, mesh3d: { visible: false }
-
  var z = view.create('point3d', [0, 0, 10], { name:'z', size: 1 });
+
    });
-
brd.create('text',[0.5,0.2,"x = sensorisch-aktorische Reichweite"],{});
+
    var plane2 = view.create('plane3d', [[2, -1, 1], v21, v22], {
-
brd.create('text',[0.5,0.15,"y = Reichweite Adaptionsfähigkeit"],{});
+
        fillColor: 'blue', strokeColor: '#888888', strokeOpacity: 0.6, mesh3d: { visible: false
-
brd.create('text',[0.5,0.1,"z = Differenziertheit Sensorik-Aktorik"],{});
+
}
-
 
+
    });
-
 
+
 +
    // Intersection of two planes: infinite line
 +
    var line3 = view.create('intersectionline3d', [plane1, plane2], { strokeColor: 'black',
 +
strokeWidth: 2, strokeOpacity: 0.2 });
</jsxgraph>
</jsxgraph>

Version vom 13:03, 5. Sep. 2025

Persönliche Werkzeuge