Spirograph - Revision history

Bianca at 19:39, 19 July 2010

2010-07-19T19:39:40Z

← Older revision		Revision as of 19:39, 19 July 2010
Line 1:		Line 1:
	<jsxgraph width="600" height="600">		<jsxgraph width="600" height="600">
	var brd = JXG.JSXGraph.initBoard('jxgbox',{boundingbox:[-5,5,5,-5], ~~kkeepaspectratio~~:true});		var brd = JXG.JSXGraph.initBoard('jxgbox',{boundingbox:[-5,5,5,-5], keepaspectratio:true});
	var R = 2.0;		var R = 2.0;
	var r = brd.create('slider',[[-3,4],[3,4],[-5,1,5]],{name:'r'});		var r = brd.create('slider',[[-3,4],[3,4],[-5,1,5]],{name:'r'});
Line 22:		Line 22:
	===The underlying JavaScript code===		===The underlying JavaScript code===
	<source lang="javascript">		<source lang="javascript">
	var brd = JXG.JSXGraph.initBoard('jxgbox',{boundingbox:[-5,5,5,-5], ~~kkeepaspectratio~~:true});		var brd = JXG.JSXGraph.initBoard('jxgbox',{boundingbox:[-5,5,5,-5], keepaspectratio:true});
	var R = 2.0;		var R = 2.0;
	var r = brd.create('slider',[[-3,4],[3,4],[-5,1,5]],{name:'r'});		var r = brd.create('slider',[[-3,4],[3,4],[-5,1,5]],{name:'r'});

2010-07-19T15:16:57Z

← Older revision		Revision as of 15:16, 19 July 2010
Line 14:		Line 14:
	var r1 = Math.round(100.0*r.Value())/100.0;		var r1 = Math.round(100.0*r.Value())/100.0;
	var a1 = Math.round(100.0*a.Value())/100.0;		var a1 = Math.round(100.0*a.Value())/100.0;
	return (R-r1)Math.sin(r1/Rt)-a1Math.sin((1-r1/R)t);		return (R-r1)Math.sin(r1/Rt)+a1Math.sin((1-r1/R)t);
	},		},
	-40Math.PI,40Math.PI		-40Math.PI,40Math.PI

2010-07-19T15:16:32Z

← Older revision		Revision as of 15:16, 19 July 2010
Line 14:		Line 14:
	var r1 = Math.round(100.0*r.Value())/100.0;		var r1 = Math.round(100.0*r.Value())/100.0;
	var a1 = Math.round(100.0*a.Value())/100.0;		var a1 = Math.round(100.0*a.Value())/100.0;
	return (R-r1)Math.sin(r1/Rt)+a1Math.sin((1-r1/R)t);		return (R-r1)Math.sin(r1/Rt)-a1Math.sin((1-r1/R)t);
	},		},
	-40Math.PI,40Math.PI		-40Math.PI,40Math.PI

2010-07-19T15:13:33Z

@@ Line 22: / Line 22: @@
 ===The underlying JavaScript code===
 <source lang="javascript">
 </source>
 [[Category:Examples]]
 [[Category:Curves]]

2010-07-19T15:10:59Z

← Older revision		Revision as of 15:10, 19 July 2010
Line 8:		Line 8:
	function(t){		function(t){
	var r1 = Math.round(100.0*r.Value())/100.0;		var r1 = Math.round(100.0*r.Value())/100.0;
			var a1 = Math.round(100.0*a.Value())/100.0;
	return (R-r1)Math.cos(r1/Rt)+a1Math.cos((1-r1/R)t);		return (R-r1)Math.cos(r1/Rt)+a1Math.cos((1-r1/R)t);
	},		},

2010-07-19T15:10:49Z

← Older revision		Revision as of 15:10, 19 July 2010
Line 2:		Line 2:
	var brd = JXG.JSXGraph.initBoard('jxgbox',{boundingbox:[-5,5,5,-5], kkeepaspectratio:true});		var brd = JXG.JSXGraph.initBoard('jxgbox',{boundingbox:[-5,5,5,-5], kkeepaspectratio:true});
	var R = 2.0;		var R = 2.0;
	var r = brd.create('slider',[[-3,4],[3,4],[-5,1,5]],{name:'r'~~,snapWidth:0.2~~});		var r = brd.create('slider',[[-3,4],[3,4],[-5,1,5]],{name:'r'});
	var a = brd.create('slider',[[-3,3],[3,3],[-5,1,5]],{name:'a'~~,snapWidth:0.2~~});		var a = brd.create('slider',[[-3,3],[3,3],[-5,1,5]],{name:'a'});

	var c = brd.create('curve',[		var c = brd.create('curve',[
	function(t){		function(t){
	var r1 = r.Value();		var r1 = Math.round(100.0*r.Value())/100.0;
	return (R-r1)Math.cos(r1/Rt)+~~a.Value()~~Math.cos((1-r1/R)t);		return (R-r1)Math.cos(r1/Rt)+a1Math.cos((1-r1/R)t);
	},		},
	function(t){		function(t){
	var r1 = r.Value();		var r1 = Math.round(100.0*r.Value())/100.0;
	return (R-r1)Math.sin(r1/Rt)+~~a.Value()~~Math.sin((1-r1/R)t);		var a1 = Math.round(100.0*a.Value())/100.0;
			return (R-r1)Math.sin(r1/Rt)+a1Math.sin((1-r1/R)t);
	},		},
	-40Math.PI,40Math.PI		-40Math.PI,40Math.PI

2010-07-19T15:09:25Z

← Older revision		Revision as of 15:09, 19 July 2010
Line 2:		Line 2:
	var brd = JXG.JSXGraph.initBoard('jxgbox',{boundingbox:[-5,5,5,-5], kkeepaspectratio:true});		var brd = JXG.JSXGraph.initBoard('jxgbox',{boundingbox:[-5,5,5,-5], kkeepaspectratio:true});
	var R = 2.0;		var R = 2.0;
	var r = brd.create('slider',[[-3,4],[3,4],[-5,1,5]],{name:'r',snapWidth:0.3});		var r = brd.create('slider',[[-3,4],[3,4],[-5,1,5]],{name:'r',snapWidth:0.2});
	var a = brd.create('slider',[[-3,3],[3,3],[-5,1,5]],{name:'a',snapWidth:0.1});		var a = brd.create('slider',[[-3,3],[3,3],[-5,1,5]],{name:'a',snapWidth:0.2});

	var c = brd.create('curve',[		var c = brd.create('curve',[
Line 17:		Line 17:
	], {strokeWidth:3, strokeColor:'#3355ff', strokeOpacity:0.7});		], {strokeWidth:3, strokeColor:'#3355ff', strokeOpacity:0.7});
	</jsxgraph>		</jsxgraph>

			===The underlying JavaScript code===
			<source lang="javascript">
			</source>

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

2010-07-19T15:07:51Z

← Older revision		Revision as of 15:07, 19 July 2010
Line 2:		Line 2:
	var brd = JXG.JSXGraph.initBoard('jxgbox',{boundingbox:[-5,5,5,-5], kkeepaspectratio:true});		var brd = JXG.JSXGraph.initBoard('jxgbox',{boundingbox:[-5,5,5,-5], kkeepaspectratio:true});
	var R = 2.0;		var R = 2.0;
	var r = brd.create('slider',[[-3,4],[3,4],[-5,1,5]],{name:'r',snapWidth:0.1});		var r = brd.create('slider',[[-3,4],[3,4],[-5,1,5]],{name:'r',snapWidth:0.3});
	var a = brd.create('slider',[[-3,3],[3,3],[-5,1,5]],{name:'a',snapWidth:0.1});		var a = brd.create('slider',[[-3,3],[3,3],[-5,1,5]],{name:'a',snapWidth:0.1});

2010-07-19T15:06:53Z

← Older revision		Revision as of 15:06, 19 July 2010
Line 2:		Line 2:
	var brd = JXG.JSXGraph.initBoard('jxgbox',{boundingbox:[-5,5,5,-5], kkeepaspectratio:true});		var brd = JXG.JSXGraph.initBoard('jxgbox',{boundingbox:[-5,5,5,-5], kkeepaspectratio:true});
	var R = 2.0;		var R = 2.0;
	var r = brd.create('slider',[[-3,4],[3,4],[-5,1,5]],{name:'r',~~step~~:0.1});		var r = brd.create('slider',[[-3,4],[3,4],[-5,1,5]],{name:'r',snapWidth:0.1});
	var a = brd.create('slider',[[-3,3],[3,3],[-5,1,5]],{name:'a'});		var a = brd.create('slider',[[-3,3],[3,3],[-5,1,5]],{name:'a',snapWidth:0.1});

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

2010-07-19T15:05:36Z

← Older revision		Revision as of 15:05, 19 July 2010
Line 2:		Line 2:
	var brd = JXG.JSXGraph.initBoard('jxgbox',{boundingbox:[-5,5,5,-5], kkeepaspectratio:true});		var brd = JXG.JSXGraph.initBoard('jxgbox',{boundingbox:[-5,5,5,-5], kkeepaspectratio:true});
	var R = 2.0;		var R = 2.0;
	var r = brd.create('slider',[[-3,4],[3,4],[-5,1,5]],{name:'r'});		var r = brd.create('slider',[[-3,4],[3,4],[-5,1,5]],{name:'r',step:0.1});
	var a = brd.create('slider',[[-3,3],[3,3],[-5,1,5]],{name:'a'});		var a = brd.create('slider',[[-3,3],[3,3],[-5,1,5]],{name:'a'});