Difference between revisions of "Programming turtle graphics"

From JSXGraph Wiki
Jump to navigationJump to search
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="input" rows=3 cols=35 wrap="off" style="width:600px;">t.fd(100);</textarea><br />
+
<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 = $('input').value;
+
   var code = $('inputtext').value;
 
   if (code=='') { return; }
 
   if (code=='') { return; }
 
   eval(code);
 
   eval(code);
 
   $('logwindow').innerHTML += code+'\n';
 
   $('logwindow').innerHTML += code+'\n';
   //$('input').value = '';
+
   //$('inputtext').value = '';
 
   brd.unsuspendUpdate();
 
   brd.unsuspendUpdate();
 
}
 
}
 
function clear() {
 
function clear() {
   //t.cs();
+
   t.cs();
   $('input').value = 't.fd(100);';
+
   $('inputtext').value = 't.fd(100);';
 
}
 
}
 
function clearlog() {
 
function clearlog() {

Revision as of 11: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]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