Multiple turtles - Revision history

A WASSERMANN at 13:26, 3 March 2021

2021-03-03T13:26:53Z

← Older revision		Revision as of 13:26, 3 March 2021
Line 22:		Line 22:
	<jsxgraph box="box" width="600" height="600">		<jsxgraph box="box" width="600" height="600">
	var brd = JXG.JSXGraph.initBoard('box', {boundingbox: [-300, 300, 300, -300]});		var brd = JXG.JSXGraph.initBoard('box', {boundingbox: [-300, 300, 300, -300]});
	var t1 = brd.~~createElement~~('turtle');		var t1 = brd.create('turtle');
	var t2 = brd.~~createElement~~('turtle');		var t2 = brd.create('turtle');

	function run() {		function run() {
Line 41:		Line 41:
	<source lang="javascript">		<source lang="javascript">
	var brd = JXG.JSXGraph.initBoard('box', {boundingbox: [-300, 300, 300, -300]});		var brd = JXG.JSXGraph.initBoard('box', {boundingbox: [-300, 300, 300, -300]});
	var t1 = brd.~~createElement~~('turtle');		var t1 = brd.create('turtle');
	var t2 = brd.~~createElement~~('turtle');		var t2 = brd.create('turtle');

	t1.setPos(200,0);		t1.setPos(200,0);

Michael at 09:36, 8 June 2011

2011-06-08T09:36:33Z

← Older revision		Revision as of 09:36, 8 June 2011
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');

A WASSERMANN at 19:45, 29 October 2009

2009-10-29T19:45:29Z

← Older revision		Revision as of 19:45, 29 October 2009
Line 29:		Line 29:

	function run() {		function run() {
	var code = $('inputtext').value;		var code = document.getElementById('inputtext').value;
	if (code=='') { return; }		if (code=='') { return; }
	eval(code);		eval(code);

A WASSERMANN at 17:14, 29 October 2009

2009-10-29T17:14:06Z

← Older revision		Revision as of 17:14, 29 October 2009
Line 1:		Line 1:
	<html>		<html>
	<link rel="stylesheet" type="text/css" href="http://jsxgraph.uni-bayreuth.de/distrib/jsxgraph.css" />		<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/prototype.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/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;">

A WASSERMANN at 15:14, 21 January 2009

2009-01-21T15:14:26Z

← Older revision		Revision as of 15:14, 21 January 2009
Line 3:		Line 3:
	<script type="text/javascript" src="http://jsxgraph.uni-bayreuth.de/distrib/prototype.js"></script>		<script type="text/javascript" src="http://jsxgraph.uni-bayreuth.de/distrib/prototype.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/jsxgraphcore.js"></script>
	~~<script type="text/javascript" src="http://jsxgraph.uni-bayreuth.de/distrib/jsxturtle.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 27:		Line 26:
	<script language="JavaScript">		<script language="JavaScript">
	var brd = JXG.JSXGraph.initBoard('box', {originX: 300, originY: 300, unitX: 1, unitY: 1});		var brd = JXG.JSXGraph.initBoard('box', {originX: 300, originY: 300, unitX: 1, unitY: 1});
	var t1 = ~~new JSXTurtleObj~~(~~brd~~);		var t1 = brd.createElement('turtle');
	var t2 = ~~new JSXTurtleObj~~(~~brd~~);		var t2 = brd.createElement('turtle');

	function run() {		function run() {
Line 47:		Line 46:
	<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', {originX: 300, originY: 300, unitX: 1, unitY: 1});
	var t1 = ~~new JSXTurtleObj~~(~~brd~~);		var t1 = brd.createElement('turtle');
	var t2 = ~~new JSXTurtleObj~~(~~brd~~);		var t2 = brd.createElement('turtle');

	t1.setPos(200,0);		t1.setPos(200,0);

A WASSERMANN at 18:29, 11 January 2009

2009-01-11T18:29:33Z

← Older revision		Revision as of 18:29, 11 January 2009
Line 43:		Line 43:
	</html>		</html>

	===~~References~~===		===The underlying JavaScript code===
	~~This example is from~~
	* [http:/~~/de~~.~~wikipedia~~.~~org/wiki/Logo_~~(~~Programmiersprache~~) ~~http://de~~.~~wikipedia~~.~~org/wiki/Logo_~~(~~Programmiersprache~~)]		<source lang="javascript">
			var brd = JXG.JSXGraph.initBoard('box', {originX: 300, originY: 300, unitX: 1, unitY: 1});
			var t1 = new JSXTurtleObj(brd);
			var t2 = new JSXTurtleObj(brd);

			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();
			</source>

	[[Category:Examples]]		[[Category:Examples]]
	[[Category:Turtle Graphics]]		[[Category:Turtle Graphics]]

A WASSERMANN at 18:25, 11 January 2009

2009-01-11T18:25:12Z

← Older revision		Revision as of 18:25, 11 January 2009
Line 37:		Line 37:
	function clearturtle() {		function clearturtle() {
	clearTimeout(action);		clearTimeout(action);
			t1.cs();
	t2.cs();		t2.cs();
	}		}

A WASSERMANN at 18:24, 11 January 2009

2009-01-11T18:24:18Z

← Older revision		Revision as of 18:24, 11 January 2009
Line 14:		Line 14:
	t2.lookTo(t1.pos);		t2.lookTo(t1.pos);
	t2.fd(20);		t2.fd(20);
	action = setTimeout(~~run~~,100);		action = setTimeout(chase,100);
	}		}
	chase();		chase();
Line 39:		Line 39:
	t2.cs();		t2.cs();
	}		}
	~~run();~~
	</script>		</script>
	</html>		</html>

A WASSERMANN at 18:23, 11 January 2009

2009-01-11T18:23:35Z

← Older revision		Revision as of 18:23, 11 January 2009
Line 31:		Line 31:

	function run() {		function run() {
	~~brd.suspendUpdate();~~
	var code = $('inputtext').value;		var code = $('inputtext').value;
	if (code=='') { return; }		if (code=='') { return; }
	eval(code);		eval(code);
	~~brd.unsuspendUpdate();~~
	}		}
	function clearturtle() {		function clearturtle() {

A WASSERMANN at 18:21, 11 January 2009

2009-01-11T18:21:14Z

← Older revision		Revision as of 18:21, 11 January 2009
Line 39:		Line 39:
	function clearturtle() {		function clearturtle() {
	clearTimeout(action);		clearTimeout(action);
	t.cs();		t2.cs();
	}		}
	run();		run();