Spirograph: Difference between revisions

@@ Line 1: / Line 1: @@
 <jsxgraph width="600" height="600">
 var brd = JXG.JSXGraph.initBoard('jxgbox',{boundingbox:[-5,5,5,-5], kkeepaspectratio:true});
+var R = 2.0;
+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'});
+var c = brd.create('curve',[
+     function(t){
+        var r1 = r.Value();
+        return (R-r1)*Math.cos(r1/R*t)+a.Value()*Math.cos((1-r1/R)*t);
+     },
+     function(t){
+        var r1 = r.Value();
+        return (R-r1)*Math.sin(r1/R*t)+a.Value()*Math.sin((1-r1/R)*t);
+     }
+     }, {strokeWidth:3, strokeColor:'3355ff', strokeOpacity:0.7});
 </jsxgraph>

Anonymous