Programming turtle graphics: Difference between revisions
From JSXGraph Wiki
A WASSERMANN (talk | contribs) No edit summary |
A WASSERMANN (talk | contribs) No edit summary |
||
| Line 23: | Line 23: | ||
<script type="text/javascript" src="http://jsxgraph.uni-bayreuth.de/distrib/jsxgraphcore.js"></script> | <script type="text/javascript" src="http://jsxgraph.uni-bayreuth.de/distrib/jsxgraphcore.js"></script> | ||
<script type="text/javascript" src="http://jsxgraph.uni-bayreuth.de/distrib/jsxturtle.js"></script> | <script type="text/javascript" src="http://jsxgraph.uni-bayreuth.de/distrib/jsxturtle.js"></script> | ||
<form><textarea id=" | <form><textarea id="inputtext" rows=3 cols=35 wrap="off" style="width:600px;">t.fd(100);</textarea><br /> | ||
<input type="button" value="run" onClick="run()"> | <input type="button" value="run" onClick="run()"> | ||
<input type="button" value="clear" onClick="clear()"> | <input type="button" value="clear" onClick="clear()"> | ||
| Line 37: | Line 37: | ||
function run() { | function run() { | ||
brd.suspendUpdate(); | brd.suspendUpdate(); | ||
var code = $(' | var code = $('inputtext').value; | ||
if (code=='') { return; } | if (code=='') { return; } | ||
eval(code); | eval(code); | ||
$('logwindow').innerHTML += code+'\n'; | $('logwindow').innerHTML += code+'\n'; | ||
//$(' | //$('inputtext').value = ''; | ||
brd.unsuspendUpdate(); | brd.unsuspendUpdate(); | ||
} | } | ||
function clear() { | function clear() { | ||
t.cs(); | |||
$(' | $('inputtext').value = 't.fd(100);'; | ||
} | } | ||
function clearlog() { | function clearlog() { | ||
Revision as of 10:37, 21 December 2008
List of available commands
There is a predefined turtle object t. Therefore, all commands start with t, like t.fd(100);
- t.forward(len); or t.fd(len);
- t.back(len); or t.bk(len);
- t.right(angle); or t.rt(angle); ([math]\displaystyle{ 0\leq angle \leq 360 }[/math])
- t.left(angle); or t.lt(angle);
- t.penUp(); or t.pu();
- t.penDown(); or t.pd();
- t.clearScreen(); or t.cs();
- t.clean();
- t.setPos(x,y);
- t.home();
- t.hideTurtle(); or t.ht();
- t.showTurtle(); or t.st();
- t.setPenSize(size); (size: number)
- t.setPenColor(col); (col: colorString, e.g. 'red' or '#ff0000')
Input
Output
Log window
