Lissajous curves: Difference between revisions
From JSXGraph Wiki
A WASSERMANN (talk | contribs) No edit summary |
No edit summary |
||
| (One intermediate revision by one other user not shown) | |||
| Line 4: | Line 4: | ||
<jsxgraph board="brd" width="600" height="500"> | <jsxgraph board="brd" width="600" height="500"> | ||
var brd = JXG.JSXGraph.initBoard('jxgbox',{axis:true, | var brd = JXG.JSXGraph.initBoard('jxgbox',{axis:true, boundingbox: [-12, 10, 12, -10]}); | ||
brd.suspendUpdate(); | brd.suspendUpdate(); | ||
var a = brd. | var a = brd.create('slider',[[2,8],[6,8],[0,3,6]],{name:'a'}); | ||
var b = brd. | var b = brd.create('slider',[[2,7],[6,7],[0,2,6]],{name:'b'}); | ||
var A = brd. | var A = brd.create('slider',[[2,6],[6,6],[0,3,6]],{name:'A'}); | ||
var B = brd. | var B = brd.create('slider',[[2,5],[6,5],[0,3,6]],{name:'B'}); | ||
var delta = brd. | var delta = brd.create('slider',[[2,4],[6,4],[0,0,Math.PI]],{name:'δ'}); | ||
var c = brd. | var c = brd.create('curve',[ | ||
function(t){return A.Value()*Math.sin(a.Value()*t+delta.Value());}, | function(t){return A.Value()*Math.sin(a.Value()*t+delta.Value());}, | ||
function(t){return B.Value()*Math.sin(b.Value()*t);}, | function(t){return B.Value()*Math.sin(b.Value()*t);}, | ||
| Line 19: | Line 19: | ||
</jsxgraph> | </jsxgraph> | ||
<source lang=" | <source lang="javascript"> | ||
var brd = JXG.JSXGraph.initBoard('jxgbox',{axis:true,boundingbox: [-12, 10, 12, -10]}); | |||
var brd = JXG.JSXGraph.initBoard('jxgbox',{axis:true, | |||
brd.suspendUpdate(); | brd.suspendUpdate(); | ||
var a = brd. | var a = brd.create('slider',[[2,8],[6,8],[0,3,6]],{name:'a'}); | ||
var b = brd. | var b = brd.create('slider',[[2,7],[6,7],[0,2,6]],{name:'b'}); | ||
var A = brd. | var A = brd.create('slider',[[2,6],[6,6],[0,3,6]],{name:'A'}); | ||
var B = brd. | var B = brd.create('slider',[[2,5],[6,5],[0,3,6]],{name:'B'}); | ||
var delta = brd. | var delta = brd.create('slider',[[2,4],[6,4],[0,0,Math.PI]],{name:'δ'}); | ||
var c = brd. | var c = brd.create('curve',[ | ||
function(t){return A.Value()*Math.sin(a.Value()*t+delta.Value());}, | function(t){return A.Value()*Math.sin(a.Value()*t+delta.Value());}, | ||
function(t){return B.Value()*Math.sin(b.Value()*t);}, | function(t){return B.Value()*Math.sin(b.Value()*t);}, | ||
0, 2*Math.PI],{strokeColor:'#aa2233',strokeWidth:3}); | 0, 2*Math.PI],{strokeColor:'#aa2233',strokeWidth:3}); | ||
brd.unsuspendUpdate(); | brd.unsuspendUpdate(); | ||
</source> | </source> | ||
[[Category:Examples]] | [[Category:Examples]] | ||
[[Category:Curves]] | [[Category:Curves]] | ||
Latest revision as of 08:32, 8 June 2011
Lissajous curve (Lissajous figure or Bowditch curve) is the graph of the system of parametric equations
- [math]\displaystyle{ x=A\sin(at+\delta),\quad y=B\sin(bt). }[/math]
var brd = JXG.JSXGraph.initBoard('jxgbox',{axis:true,boundingbox: [-12, 10, 12, -10]});
brd.suspendUpdate();
var a = brd.create('slider',[[2,8],[6,8],[0,3,6]],{name:'a'});
var b = brd.create('slider',[[2,7],[6,7],[0,2,6]],{name:'b'});
var A = brd.create('slider',[[2,6],[6,6],[0,3,6]],{name:'A'});
var B = brd.create('slider',[[2,5],[6,5],[0,3,6]],{name:'B'});
var delta = brd.create('slider',[[2,4],[6,4],[0,0,Math.PI]],{name:'δ'});
var c = brd.create('curve',[
function(t){return A.Value()*Math.sin(a.Value()*t+delta.Value());},
function(t){return B.Value()*Math.sin(b.Value()*t);},
0, 2*Math.PI],{strokeColor:'#aa2233',strokeWidth:3});
brd.unsuspendUpdate();
