Multiple turtles: Difference between revisions

From JSXGraph Wiki
No edit summary
No edit summary
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');

Revision as of 09: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();