Slow the turtle down: Difference between revisions
From JSXGraph Wiki
A WASSERMANN (talk | contribs) No edit summary |
No edit summary |
||
| (8 intermediate revisions by 2 users not shown) | |||
| Line 1: | Line 1: | ||
This is an example, where the turtle | This is an example, where the turtle speed is controlled by the setTimeout() method | ||
of JavaScript. | of JavaScript. | ||
<html> | <html> | ||
<form><input type="button" value="run" onclick="run(100)"></form> | <form><input type="button" value="run" onclick="run(100)"></form> | ||
</html> | </html> | ||
<jsxgraph width="500" height="500"> | <jsxgraph width="500" height="500"> | ||
var brd = JXG.JSXGraph.initBoard('jxgbox',{ | var brd = JXG.JSXGraph.initBoard('jxgbox',{boundingbox: [-250, 250, 250, -250]}); | ||
var t = brd. | var t = brd.create('turtle',[100,-50],{strokeOpacity:0.7,fillColor:'#ff8800',fillOpacity:0.2}); | ||
t.setPenSize(3); | |||
function run(n) { | function run(n) { | ||
| Line 13: | Line 15: | ||
t.lt(90*(1-n/100)); | t.lt(90*(1-n/100)); | ||
var st = 'run(' + (n-1) + ')'; | var st = 'run(' + (n-1) + ')'; | ||
setTimeout(st, | setTimeout(st,25); | ||
} | } | ||
} | } | ||
</jsxgraph> | </jsxgraph> | ||
<source lang=" | <source lang="javascript"> | ||
var brd = JXG.JSXGraph.initBoard('jxgbox',{boundingbox: [-250, 250, 250, -250]}); | |||
var t = brd.create('turtle',[100,-50],{strokeOpacity:0.7,fillColor:'#ff8800',fillOpacity:0.2}); | |||
t.setPenSize(3); | |||
var brd = JXG.JSXGraph.initBoard('jxgbox',{ | |||
var t = brd. | |||
function run(n) { | function run(n) { | ||
| Line 31: | Line 30: | ||
t.lt(90*(1-n/100)); | t.lt(90*(1-n/100)); | ||
var st = 'run(' + (n-1) + ')'; | var st = 'run(' + (n-1) + ')'; | ||
setTimeout(st, | setTimeout(st,25); | ||
} | } | ||
} | } | ||
</source> | </source> | ||
[[Category:Examples]] | [[Category:Examples]] | ||
[[Category:Turtle Graphics]] | [[Category:Turtle Graphics]] | ||
Latest revision as of 13:44, 8 June 2011
This is an example, where the turtle speed is controlled by the setTimeout() method of JavaScript.
var brd = JXG.JSXGraph.initBoard('jxgbox',{boundingbox: [-250, 250, 250, -250]});
var t = brd.create('turtle',[100,-50],{strokeOpacity:0.7,fillColor:'#ff8800',fillOpacity:0.2});
t.setPenSize(3);
function run(n) {
if (n>0) {
t.fd(20);
t.lt(90*(1-n/100));
var st = 'run(' + (n-1) + ')';
setTimeout(st,25);
}
}
