Lissajous curves - Revision history

Michael at 08:32, 8 June 2011

2011-06-08T08:32:50Z

← Older revision		Revision as of 08:32, 8 June 2011
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,~~originX~~:~~300~~,~~originY:250~~,~~unitX:25~~,~~unitY:25~~});		var brd = JXG.JSXGraph.initBoard('jxgbox',{axis:true, boundingbox: [-12, 10, 12, -10]});
	brd.suspendUpdate();		brd.suspendUpdate();
	var a = brd.create('slider',[[2,8],[6,8],[0,3,6]],{name:'a'});		var a = brd.create('slider',[[2,8],[6,8],[0,3,6]],{name:'a'});
Line 19:		Line 19:
	</jsxgraph>		</jsxgraph>

	<source lang="~~xml">~~		<source lang="javascript">
	~~<jsxgraph board="brd" width="600" height="500~~">		var brd = JXG.JSXGraph.initBoard('jxgbox',{axis:true,boundingbox: [-12, 10, 12, -10]});
	var brd = JXG.JSXGraph.initBoard('jxgbox',{axis:true,~~originX~~:~~300~~,~~originY:250~~,~~unitX:25~~,~~unitY:25~~});
	brd.suspendUpdate();		brd.suspendUpdate();
	var a = brd.create('slider',[[2,8],[6,8],[0,3,6]],{name:'a'});		var a = brd.create('slider',[[2,8],[6,8],[0,3,6]],{name:'a'});
Line 34:		Line 33:
	0, 2*Math.PI],{strokeColor:'#aa2233',strokeWidth:3});		0, 2*Math.PI],{strokeColor:'#aa2233',strokeWidth:3});
	brd.unsuspendUpdate();		brd.unsuspendUpdate();
	~~</jsxgraph>~~
	</source>		</source>

	[[Category:Examples]]		[[Category:Examples]]
	[[Category:Curves]]		[[Category:Curves]]

A WASSERMANN at 07:43, 22 July 2010

2010-07-22T07:43:24Z

A WASSERMANN at 14:12, 23 March 2009

2009-03-23T14:12:20Z

A WASSERMANN at 23:00, 12 March 2009

2009-03-12T23:00:25Z

← Older revision		Revision as of 23:00, 12 March 2009
Line 5:		Line 5:
	<jsxgraph board="brd" width="600" height="500">		<jsxgraph board="brd" width="600" height="500">
	var brd = JXG.JSXGraph.initBoard('jxgbox',{axis:true,originX:300,originY:250,unitX:25,unitY:25});		var brd = JXG.JSXGraph.initBoard('jxgbox',{axis:true,originX:300,originY:250,unitX:25,unitY:25});
			brd.suspendUpdate();
	var a = brd.createElement('slider',[[2,8],[6,8],[0,3,6]]); brd.createElement('text',[1,8,'a:']);		var a = brd.createElement('slider',[[2,8],[6,8],[0,3,6]]); brd.createElement('text',[1,8,'a:']);
	var b = brd.createElement('slider',[[2,7],[6,7],[0,2,6]]); brd.createElement('text',[1,7,'b:']);		var b = brd.createElement('slider',[[2,7],[6,7],[0,2,6]]); brd.createElement('text',[1,7,'b:']);
Line 15:		Line 16:
	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();
	</jsxgraph>		</jsxgraph>

Line 20:		Line 22:
	<jsxgraph board="brd" width="600" height="500">		<jsxgraph board="brd" width="600" height="500">
	var brd = JXG.JSXGraph.initBoard('jxgbox',{axis:true,originX:300,originY:250,unitX:25,unitY:25});		var brd = JXG.JSXGraph.initBoard('jxgbox',{axis:true,originX:300,originY:250,unitX:25,unitY:25});
			brd.suspendUpdate();
	var a = brd.createElement('slider',[[2,8],[6,8],[0,3,6]]); brd.createElement('text',[1,8,'a:']);		var a = brd.createElement('slider',[[2,8],[6,8],[0,3,6]]); brd.createElement('text',[1,8,'a:']);
	var b = brd.createElement('slider',[[2,7],[6,7],[0,2,6]]); brd.createElement('text',[1,7,'b:']);		var b = brd.createElement('slider',[[2,7],[6,7],[0,2,6]]); brd.createElement('text',[1,7,'b:']);
Line 30:		Line 33:
	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();
	</jsxgraph>		</jsxgraph>
	</source>		</source>

A WASSERMANN at 10:40, 6 March 2009

2009-03-06T10:40:27Z

← Older revision		Revision as of 10:40, 6 March 2009
Line 3:		Line 3:
	:<math>x=A\sin(at+\delta),\quad y=B\sin(bt).</math>		:<math>x=A\sin(at+\delta),\quad y=B\sin(bt).</math>

	<jsxgraph board="brd" width="~~1000~~" height="500">		<jsxgraph board="brd" width="600" height="500">
	var brd = JXG.JSXGraph.initBoard('jxgbox',{axis:true,originX:300,originY:250,unitX:25,unitY:25});		var brd = JXG.JSXGraph.initBoard('jxgbox',{axis:true,originX:300,originY:250,unitX:25,unitY:25});
	var a = brd.createElement('slider',[[2,8],[6,8],[0,3,6]]); brd.createElement('text',[1,8,'a:']);		var a = brd.createElement('slider',[[2,8],[6,8],[0,3,6]]); brd.createElement('text',[1,8,'a:']);
Line 18:		Line 18:

	<source lang="xml">		<source lang="xml">
	<jsxgraph board="brd" width="~~1000~~" height="500">		<jsxgraph board="brd" width="600" height="500">
	var brd = JXG.JSXGraph.initBoard('jxgbox',{axis:true,originX:300,originY:250,unitX:25,unitY:25});		var brd = JXG.JSXGraph.initBoard('jxgbox',{axis:true,originX:300,originY:250,unitX:25,unitY:25});
	var a = brd.createElement('slider',[[2,8],[6,8],[0,3,6]]); brd.createElement('text',[1,8,'a:']);		var a = brd.createElement('slider',[[2,8],[6,8],[0,3,6]]); brd.createElement('text',[1,8,'a:']);

A WASSERMANN at 10:40, 6 March 2009

2009-03-06T10:40:04Z

@@ Line 16: / Line 16: @@
 , 2*Math.PI],{strokeColor:'#aa2233',strokeWidth:3});
 </jsxgraph>
 [[Category:Examples]]
 [[Category:Curves]]

A WASSERMANN at 10:30, 6 March 2009

2009-03-06T10:30:30Z

← Older revision		Revision as of 10:30, 6 March 2009
Line 3:		Line 3:
	:<math>x=A\sin(at+\delta),\quad y=B\sin(bt).</math>		:<math>x=A\sin(at+\delta),\quad y=B\sin(bt).</math>

	<jsxgraph board="brd" width="~~500~~" height="500">		<jsxgraph board="brd" width="1000" height="500">
	var brd = JXG.JSXGraph.initBoard('jxgbox',{axis:true,originX:300,originY:250,unitX:25,unitY:25});		var brd = JXG.JSXGraph.initBoard('jxgbox',{axis:true,originX:300,originY:250,unitX:25,unitY:25});
	var a = brd.createElement('slider',[[2,8],[6,8],[0,3,6]]); brd.createElement('text',[1,8,'a:']);		var a = brd.createElement('slider',[[2,8],[6,8],[0,3,6]]); brd.createElement('text',[1,8,'a:']);

A WASSERMANN at 10:30, 6 March 2009

2009-03-06T10:30:18Z

← Older revision		Revision as of 10:30, 6 March 2009
Line 3:		Line 3:
	:<math>x=A\sin(at+\delta),\quad y=B\sin(bt).</math>		:<math>x=A\sin(at+\delta),\quad y=B\sin(bt).</math>

	<jsxgraph board="brd" width="~~600~~" height="500">		<jsxgraph board="brd" width="500" height="500">
	var brd = JXG.JSXGraph.initBoard('jxgbox',{axis:true,originX:300,originY:250,unitX:25,unitY:25});		var brd = JXG.JSXGraph.initBoard('jxgbox',{axis:true,originX:300,originY:250,unitX:25,unitY:25});
	var a = brd.createElement('slider',[[2,8],[6,8],[0,3,6]]); brd.createElement('text',[1,8,'a:']);		var a = brd.createElement('slider',[[2,8],[6,8],[0,3,6]]); brd.createElement('text',[1,8,'a:']);

A WASSERMANN at 10:27, 6 March 2009

2009-03-06T10:27:48Z

← Older revision		Revision as of 10:27, 6 March 2009
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,originX:300,originY:250,unitX:40,unitY:40});		var brd = JXG.JSXGraph.initBoard('jxgbox',{axis:true,originX:300,originY:250,unitX:25,unitY:25});
	var a = brd.createElement('slider',[[2,8],[6,8],[0,3,6]]); brd.createElement('text',[1,8,'a:']);		var a = brd.createElement('slider',[[2,8],[6,8],[0,3,6]]); brd.createElement('text',[1,8,'a:']);
	var b = brd.createElement('slider',[[2,7],[6,7],[0,2,6]]); brd.createElement('text',[1,7,'b:']);		var b = brd.createElement('slider',[[2,7],[6,7],[0,2,6]]); brd.createElement('text',[1,7,'b:']);

A WASSERMANN at 10:27, 6 March 2009

2009-03-06T10:27:12Z

← Older revision		Revision as of 10:27, 6 March 2009
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,originX:300,originY:250,unitX:15,unitY:15});		var brd = JXG.JSXGraph.initBoard('jxgbox',{axis:true,originX:300,originY:250,unitX:40,unitY:40});
	var a = brd.createElement('slider',[[2,8],[6,8],[0,3,6]]); brd.createElement('text',[1,8,'a:']);		var a = brd.createElement('slider',[[2,8],[6,8],[0,3,6]]); brd.createElement('text',[1,8,'a:']);
	var b = brd.createElement('slider',[[2,7],[6,7],[0,2,6]]); brd.createElement('text',[1,7,'b:']);		var b = brd.createElement('slider',[[2,7],[6,7],[0,2,6]]); brd.createElement('text',[1,7,'b:']);

← Older revision		Revision as of 07:43, 22 July 2010
Line 6:		Line 6:
	var brd = JXG.JSXGraph.initBoard('jxgbox',{axis:true,originX:300,originY:250,unitX:25,unitY:25});		var brd = JXG.JSXGraph.initBoard('jxgbox',{axis:true,originX:300,originY:250,unitX:25,unitY:25});
	brd.suspendUpdate();		brd.suspendUpdate();
	var a = brd.~~createElement~~('slider',[[2,8],[6,8],[0,3,6]],{name:'a'});		var a = brd.create('slider',[[2,8],[6,8],[0,3,6]],{name:'a'});
	var b = brd.~~createElement~~('slider',[[2,7],[6,7],[0,2,6]],{name:'b'});		var b = brd.create('slider',[[2,7],[6,7],[0,2,6]],{name:'b'});
	var A = brd.~~createElement~~('slider',[[2,6],[6,6],[0,3,6]],{name:'A'});		var A = brd.create('slider',[[2,6],[6,6],[0,3,6]],{name:'A'});
	var B = brd.~~createElement~~('slider',[[2,5],[6,5],[0,3,6]],{name:'B'});		var B = brd.create('slider',[[2,5],[6,5],[0,3,6]],{name:'B'});
	var delta = brd.~~createElement~~('slider',[[2,4],[6,4],[0,0,Math.PI]],{name:'δ'});		var delta = brd.create('slider',[[2,4],[6,4],[0,0,Math.PI]],{name:'δ'});

	var c = brd.~~createElement~~('curve',[		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 23:		Line 23:
	var brd = JXG.JSXGraph.initBoard('jxgbox',{axis:true,originX:300,originY:250,unitX:25,unitY:25});		var brd = JXG.JSXGraph.initBoard('jxgbox',{axis:true,originX:300,originY:250,unitX:25,unitY:25});
	brd.suspendUpdate();		brd.suspendUpdate();
	var a = brd.~~createElement~~('slider',[[2,8],[6,8],[0,3,6]],{name:'a'});		var a = brd.create('slider',[[2,8],[6,8],[0,3,6]],{name:'a'});
	var b = brd.~~createElement~~('slider',[[2,7],[6,7],[0,2,6]],{name:'b'});		var b = brd.create('slider',[[2,7],[6,7],[0,2,6]],{name:'b'});
	var A = brd.~~createElement~~('slider',[[2,6],[6,6],[0,3,6]],{name:'A'});		var A = brd.create('slider',[[2,6],[6,6],[0,3,6]],{name:'A'});
	var B = brd.~~createElement~~('slider',[[2,5],[6,5],[0,3,6]],{name:'B'});		var B = brd.create('slider',[[2,5],[6,5],[0,3,6]],{name:'B'});
	var delta = brd.~~createElement~~('slider',[[2,4],[6,4],[0,0,Math.PI]],{name:'δ'});		var delta = brd.create('slider',[[2,4],[6,4],[0,0,Math.PI]],{name:'δ'});

	var c = brd.~~createElement~~('curve',[		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);},

← Older revision		Revision as of 14:12, 23 March 2009
Line 6:		Line 6:
	var brd = JXG.JSXGraph.initBoard('jxgbox',{axis:true,originX:300,originY:250,unitX:25,unitY:25});		var brd = JXG.JSXGraph.initBoard('jxgbox',{axis:true,originX:300,originY:250,unitX:25,unitY:25});
	brd.suspendUpdate();		brd.suspendUpdate();
	var a = brd.createElement('slider',[[2,8],[6,8],[0,3,6]]~~); brd.createElement('text',[1,8~~,'a:']);		var a = brd.createElement('slider',[[2,8],[6,8],[0,3,6]],{name:'a'});
	var b = brd.createElement('slider',[[2,7],[6,7],[0,2,6]]~~); brd.createElement('text',[1,7~~,'b:']);		var b = brd.createElement('slider',[[2,7],[6,7],[0,2,6]],{name:'b'});
	var A = brd.createElement('slider',[[2,6],[6,6],[0,3,6]]~~); brd.createElement('text',[1,6~~,'A:']);		var A = brd.createElement('slider',[[2,6],[6,6],[0,3,6]],{name:'A'});
	var B = brd.createElement('slider',[[2,5],[6,5],[0,3,6]]~~); brd.createElement('text',[1,5~~,'B:']);		var B = brd.createElement('slider',[[2,5],[6,5],[0,3,6]],{name:'B'});
	var delta = brd.createElement('slider',[[2,4],[6,4],[0,0,Math.PI]]~~); brd.createElement('text',[1,4~~,'δ:']);		var delta = brd.createElement('slider',[[2,4],[6,4],[0,0,Math.PI]],{name:'δ'});

	var c = brd.createElement('curve',[		var c = brd.createElement('curve',[
Line 23:		Line 23:
	var brd = JXG.JSXGraph.initBoard('jxgbox',{axis:true,originX:300,originY:250,unitX:25,unitY:25});		var brd = JXG.JSXGraph.initBoard('jxgbox',{axis:true,originX:300,originY:250,unitX:25,unitY:25});
	brd.suspendUpdate();		brd.suspendUpdate();
	var a = brd.createElement('slider',[[2,8],[6,8],[0,3,6]]~~); brd.createElement('text',[1,8~~,'a:']);		var a = brd.createElement('slider',[[2,8],[6,8],[0,3,6]],{name:'a'});
	var b = brd.createElement('slider',[[2,7],[6,7],[0,2,6]]~~); brd.createElement('text',[1,7~~,'b:']);		var b = brd.createElement('slider',[[2,7],[6,7],[0,2,6]],{name:'b'});
	var A = brd.createElement('slider',[[2,6],[6,6],[0,3,6]]~~); brd.createElement('text',[1,6~~,'A:']);		var A = brd.createElement('slider',[[2,6],[6,6],[0,3,6]],{name:'A'});
	var B = brd.createElement('slider',[[2,5],[6,5],[0,3,6]]~~); brd.createElement('text',[1,5~~,'B:']);		var B = brd.createElement('slider',[[2,5],[6,5],[0,3,6]],{name:'B'});
	var delta = brd.createElement('slider',[[2,4],[6,4],[0,0,Math.PI]]~~); brd.createElement('text',[1,4~~,'δ:']);		var delta = brd.createElement('slider',[[2,4],[6,4],[0,0,Math.PI]],{name:'δ'});

	var c = brd.createElement('curve',[		var c = brd.createElement('curve',[