Turtle animation of the "8": Difference between revisions

From JSXGraph Wiki
No edit summary
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();