Difference between revisions of "Multiple turtles"

From JSXGraph Wiki
Jump to: navigation, search
 
Line 1: Line 1:
 
<html>
 
<html>
<link rel="stylesheet" type="text/css" href="http://jsxgraph.uni-bayreuth.de/distrib/jsxgraph.css" />
 
<script type="text/javascript" src="http://jsxgraph.uni-bayreuth.de/distrib/jsxgraphcore.js"></script>
 
 
<form><textarea id="inputtext" rows=3 cols=35 wrap="off" style="width:600px;">
 
<form><textarea id="inputtext" rows=3 cols=35 wrap="off" style="width:600px;">
 
t1.setPos(200,0);
 
t1.setPos(200,0);
Line 20: Line 18:
 
</form>
 
</form>
 
</html>
 
</html>
 +
 
===Output===
 
===Output===
<html>
+
<jsxgraph box="box" width="600" height="600">
<div id="box" class="jxgbox" style="width:600px; height:600px;"></div>
+
var brd = JXG.JSXGraph.initBoard('box', {boundingbox: [-300, 300, 300, -300]});
<script language="JavaScript">
 
var brd = JXG.JSXGraph.initBoard('box', {originX: 300, originY: 300, unitX: 1, unitY: 1});
 
 
var t1 = brd.createElement('turtle');
 
var t1 = brd.createElement('turtle');
 
var t2 = brd.createElement('turtle');
 
var t2 = brd.createElement('turtle');
Line 38: Line 35:
 
   t2.cs();
 
   t2.cs();
 
}
 
}
</script>
+
</jsxgraph>
</html>
 
  
 
===The underlying JavaScript code===
 
===The underlying JavaScript code===
  
 
<source lang="javascript">
 
<source lang="javascript">
var brd = JXG.JSXGraph.initBoard('box', {originX: 300, originY: 300, unitX: 1, unitY: 1});
+
var brd = JXG.JSXGraph.initBoard('box', {boundingbox: [-300, 300, 300, -300]});
 
var t1 = brd.createElement('turtle');
 
var t1 = brd.createElement('turtle');
 
var t2 = brd.createElement('turtle');
 
var t2 = brd.createElement('turtle');

Latest revision as of 11:36, 8 June 2011


Output

The underlying JavaScript code

var brd = JXG.JSXGraph.initBoard('box', {boundingbox: [-300, 300, 300, -300]});
var t1 = brd.createElement('turtle');
var t2 = brd.createElement('turtle');

t1.setPos(200,0);
t2.setPos(0,0);
var n = 64;
var delta = 360.0/n;
function chase() {
    t1.fd(20);
    t1.lt(delta);
    t2.lookTo(t1.pos);
    t2.fd(20);
    action = setTimeout(chase,100);
}
chase();