Spirograph - geometric construction: Difference between revisions

Revision as of 16:14, 19 July 2010

@@ Line 1: / Line 1: @@
 <jsxgraph width="600" height="600">
+(function() {
 var brd = JXG.JSXGraph.initBoard('jxgbox',{boundingbox:[-5,5,5,-5], keepaspectratio:true});
@@ Line 17: / Line 18: @@
 var g2 = brd.create('line',[M,Cprime], {strokeColor:'lightgray'});
 var Cstern = brd.create('glider',[1,1,g2], {name:"C*", trace:true, fillColor:'green', strokeColor:'green'});
+})();
+</jsxgraph>
+<jsxgraph width="600" height="600" box="jxgbox2">
+(function() {
+var brd = JXG.JSXGraph.initBoard('jxgbox2',{boundingbox:[-5,5,5,-5], keepaspectratio:true});
+var O = brd.create('point',[0,0],{name:'O',fixed:true, fillColor:'blue', strokeColor:'blue'});
+var A = brd.create('point',[2,0],{name:'A'});
+var k = brd.create('circle',[O,A],{name:'k'});
+var B = brd.create('glider',[0.7,1,k],{name:'B drag me'});
+var g1 = brd.create('line',[O,B], {strokeColor:'lightgray'});
+var C = brd.create('reflection',[g1,A],{name:'C', fillColor:'blue', strokeColor:'blue'});
+var M = brd.create('glider',[2,2,g1], {name:'M', fillColor:'red', strokeColor:'red'});
+var k2 = brd.create('circle',[M,B],{name:'k'});
+var gpar = brd.create('parallel',[O,C,M], {name:"g", strokeColor:'lightgray'});
+var Cprime = brd.create('intersection',[gpar,k2,0], {name:"C'", fillColor:'blue', strokeColor:'blue'});
+var g2 = brd.create('line',[M,Cprime], {strokeColor:'lightgray'});
+var Cstern = brd.create('glider',[1,1,g2], {name:"C*", trace:true, fillColor:'green', strokeColor:'green'});
+})();
 </jsxgraph>