Turtle animation of the "8": Difference between revisions
From JSXGraph Wiki
A WASSERMANN (talk | contribs) No edit summary  | 
				A WASSERMANN (talk | contribs) No edit summary  | 
				||
| Line 1: | Line 1: | ||
<jsxgraph width="500" height="500">  | <jsxgraph width="500" height="500">  | ||
var brd = JXG.JSXGraph.initBoard('jxgbox',{boundingbox: [-250, 250, 250, -250]});  | var brd = JXG.JSXGraph.initBoard('jxgbox',{boundingbox: [-250, 250, 250, -250]});  | ||
var t = brd.create('turtle',[0, 0], {});  | var t = brd.create('turtle',[0, 0], {strokeOpacity:0.5});  | ||
t.setPenSize(3);  | t.setPenSize(3);  | ||
t.right(90);  | t.right(90);  | ||
| Line 25: | Line 25: | ||
</jsxgraph>  | </jsxgraph>  | ||
===The JavaScript code===  | |||
<source lang="javascript">  | |||
    var brd = JXG.JSXGraph.initBoard('jxgbox',{boundingbox: [-250, 250, 250, -250]});  | |||
    var t = brd.create('turtle',[0, 0], {strokeOpacity:0.5});  | |||
    t.setPenSize(3);  | |||
    t.right(90);  | |||
    var alpha = 0;  | |||
    var run = function() {  | |||
       t.fd(2);  | |||
       if (Math.floor(alpha / 360) % 2 === 0) {  | |||
          t.left(1);  | |||
       } else {  | |||
          t.right(1);  | |||
       }  | |||
       alpha += 1;  | |||
       if (alpha < 1440) {  | |||
           setTimeout(run,25);  | |||
       }  | |||
    }  | |||
    run();  | |||
</source>  | |||
[[Category:Examples]]  | |||
[[Category:Turtle Graphics]]  | [[Category:Turtle Graphics]]  | ||
Revision as of 07:42, 28 August 2013
The JavaScript code
    var brd = JXG.JSXGraph.initBoard('jxgbox',{boundingbox: [-250, 250, 250, -250]});
    var t = brd.create('turtle',[0, 0], {strokeOpacity:0.5});
    t.setPenSize(3);
    t.right(90);
    var alpha = 0;
 
    var run = function() {
       t.fd(2);
       if (Math.floor(alpha / 360) % 2 === 0) {
          t.left(1);
       } else {
          t.right(1);
       }
       alpha += 1;
       
       if (alpha < 1440) {
           setTimeout(run,25);
       }
    }
    run();