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();