Testseite JSXGraph
Aus Wiki1
(Unterschied zwischen Versionen)
Zeile 1: | Zeile 1: | ||
<jsxgraph box="box" width="600" height="600"> | <jsxgraph box="box" width="600" height="600"> | ||
- | var x_min= | + | var x_min=-8; |
- | var x_max= | + | var x_max=8; |
- | var y_min= | + | var y_min=8; |
- | var y_max= | + | 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(' | + | 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 s = brd.create('slider', [[-7, -6], [5, -6], [-3, 1, 4]], { name: 's' }); | |
- | + | var v11 = [0, 1, 0], | |
- | + | v12 = [2, 1, 1], | |
- | + | v21 = [1, 0, 0], | |
- | + | v22 = [2, -1, () => s.Value()]; | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | var plane1 = view.create('plane3d', [[1, -1, 1], v11, v12], { | |
- | + | fillColor: 'red', strokeColor: '#888888', strokeOpacity: 0.6, mesh3d: { visible: false } | |
- | + | }); | |
- | + | var plane2 = view.create('plane3d', [[2, -1, 1], v21, v22], { | |
- | + | fillColor: 'blue', strokeColor: '#888888', strokeOpacity: 0.6, mesh3d: { visible: false | |
- | + | } | |
- | + | }); | |
- | + | ||
+ | // Intersection of two planes: infinite line | ||
+ | var line3 = view.create('intersectionline3d', [plane1, plane2], { strokeColor: 'black', | ||
+ | strokeWidth: 2, strokeOpacity: 0.2 }); | ||
</jsxgraph> | </jsxgraph> |