Programming turtle graphics - Revision history

Michael at 12:00, 8 June 2011

2011-06-08T12:00:21Z

← Older revision		Revision as of 12:00, 8 June 2011
Line 1:		Line 1:
	===Input===		==Input==
	* [[List of available commands]]		* [[List of available commands]]

	<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=5 cols=35 wrap="off" style="width:600px;">t.fd(100);</textarea><br />		<form><textarea id="inputtext" rows=5 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()">
Line 11:		Line 9:
	</form>		</form>
	</html>		</html>
	===Output===
	<~~html>~~		==Output==
	~~<div id~~="box" ~~class~~="~~jxgbox" style=~~"~~width:600px;~~ height~~:600px;"></div>~~		<jsxgraph box="box" width="600" height="600">
	~~<script language~~="~~JavaScript~~">		var brd = JXG.JSXGraph.initBoard('box', {boundingbox: [-300, 300, 300, -300]});
	var brd = JXG.JSXGraph.initBoard('box', {~~originX~~: 300, ~~originY:~~ 300, ~~unitX: 1~~, ~~unitY: 1~~});		var t = brd.create('turtle');
	var t = brd.~~createElement~~('turtle');
	function run() {		function run() {
	brd.suspendUpdate();		brd.suspendUpdate();
Line 33:		Line 30:
	document.getElementById('logwindow').innerHTML = '';		document.getElementById('logwindow').innerHTML = '';
	}		}
	</~~script~~>		</jsxgraph>
	~~</html>~~
	===Log window===		==Log window==
	<html>		<html>
	<pre id="logwindow" class="javascript javascript" style="font-family:monospace;"></pre>		<pre id="logwindow" class="javascript javascript" style="font-family:monospace;"></pre>
	</html>		</html>

	===Source code===		==Source code==
	<source lang="html4strict">		<source lang="html4strict">
	~~<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>~~
	<form><textarea id="inputtext" 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()">
Line 50:		Line 44:
	<input type="button" value="clear log" onClick="clearlog()">		<input type="button" value="clear log" onClick="clearlog()">
	</form>		</form>
	~~<div id="box" class="jxgbox" style="width:600px; height:600px;"></div>~~
	<pre id="logwindow" class="javascript javascript" style="font-family:monospace;"></pre>		<pre id="logwindow" class="javascript javascript" style="font-family:monospace;"></pre>
	</source>		</source>

	<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 t = brd.~~createElement~~('turtle');		var t = brd.create('turtle');

	function run() {		function run() {
	brd.suspendUpdate();		brd.suspendUpdate();
Line 62:		Line 57:
	eval(code);		eval(code);
	document.getElementById('logwindow').innerHTML += code+'\n';		document.getElementById('logwindow').innerHTML += code+'\n';
	~~//document.getElementById('inputtext').value = '';~~
	brd.unsuspendUpdate();		brd.unsuspendUpdate();
	}		}

	function clearturtle() {		function clearturtle() {
	t.cs();		t.cs();
Line 72:		Line 67:
	document.getElementById('logwindow').innerHTML = '';		document.getElementById('logwindow').innerHTML = '';
	}		}
	~~</script>~~
	</source>		</source>

	* ~~Hints how~~ to "[[Slow the turtle down]]"		* How to "[[Slow the turtle down]]"

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

A WASSERMANN at 17:23, 29 October 2009

2009-10-29T17:23:06Z

← Older revision		Revision as of 17:23, 29 October 2009
Line 4:		Line 4:
	<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=5 cols=35 wrap="off" style="width:600px;">t.fd(100);</textarea><br />		<form><textarea id="inputtext" rows=5 cols=35 wrap="off" style="width:600px;">t.fd(100);</textarea><br />
Line 20:		Line 19:
	function run() {		function run() {
	brd.suspendUpdate();		brd.suspendUpdate();
	var code = $('inputtext').value;		var code = document.getElementById('inputtext').value;
	if (code=='') { return; }		if (code=='') { return; }
	eval(code);		eval(code);
	$('logwindow').innerHTML += code+'\n';		document.getElementById('logwindow').innerHTML += code+'\n';
	//$('inputtext').value = '';		//document.getElementById('inputtext').value = '';
	brd.unsuspendUpdate();		brd.unsuspendUpdate();
	}		}
	function clearturtle() {		function clearturtle() {
	t.cs();		t.cs();
	//$('inputtext').value = 't.fd(100);';		//document.getElementById('inputtext').value = 't.fd(100);';
	}		}
	function clearlog() {		function clearlog() {
	$('logwindow').innerHTML = '';		document.getElementById('logwindow').innerHTML = '';
	}		}
	</script>		</script>
Line 59:		Line 58:
	function run() {		function run() {
	brd.suspendUpdate();		brd.suspendUpdate();
	var code = $('inputtext').value;		var code = document.getElementById('inputtext').value;
	if (code=='') { return; }		if (code=='') { return; }
	eval(code);		eval(code);
	$('logwindow').innerHTML += code+'\n';		document.getElementById('logwindow').innerHTML += code+'\n';
	//$('inputtext').value = '';		//document.getElementById('inputtext').value = '';
	brd.unsuspendUpdate();		brd.unsuspendUpdate();
	}		}
	function clearturtle() {		function clearturtle() {
	t.cs();		t.cs();
	//$('inputtext').value = 't.fd(100);';		//document.getElementById('inputtext').value = 't.fd(100);';
	}		}
	function clearlog() {		function clearlog() {
	$('logwindow').innerHTML = '';		document.getElementById('logwindow').innerHTML = '';
	}		}
	</script>		</script>

A WASSERMANN at 14:46, 25 February 2009

2009-02-25T14:46:47Z

← Older revision		Revision as of 14:46, 25 February 2009
Line 76:		Line 76:
	</source>		</source>

	* [[Slow the turtle down]]		* Hints how to "[[Slow the turtle down]]"

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

A WASSERMANN at 14:08, 25 February 2009

2009-02-25T14:08:36Z

← Older revision		Revision as of 14:08, 25 February 2009
Line 75:		Line 75:
	</script>		</script>
	</source>		</source>

			* [[Slow the turtle down]]

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

A WASSERMANN at 15:16, 21 January 2009

2009-01-21T15:16:18Z

← Older revision		Revision as of 15:16, 21 January 2009
Line 6:		Line 6:
	<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=5 cols=35 wrap="off" style="width:600px;">t.fd(100);</textarea><br />		<form><textarea id="inputtext" rows=5 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()">
Line 18:		Line 17:
	<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 t = ~~new JSXTurtleObj~~(~~brd~~);		var t = brd.createElement('turtle');
	function run() {		function run() {
	brd.suspendUpdate();		brd.suspendUpdate();
Line 47:		Line 46:
	<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;">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()">
Line 58:		Line 56:
	<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 t = ~~new JSXTurtleObj~~(~~brd~~);		var t = brd.createElement('turtle');
	function run() {		function run() {
	brd.suspendUpdate();		brd.suspendUpdate();

A WASSERMANN at 14:01, 30 December 2008

2008-12-30T14:01:29Z

← Older revision		Revision as of 14:01, 30 December 2008
Line 1:		Line 1:
			===Input===
	* [[List of available commands]]		* [[List of available commands]]

	~~===Input===~~
	<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" />

A WASSERMANN at 14:01, 30 December 2008

2008-12-30T14:01:10Z

@@ Line 1: / Line 1: @@
-===List of available commands===
+* [[List of available commands]]
 ===Input===
@@ Line 25: / Line 7: @@
 <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;">t.fd(100);</textarea><br />
+<form><textarea id="inputtext" rows=5 cols=35 wrap="off" style="width:600px;">t.fd(100);</textarea><br />
 <input type="button" value="run" onClick="run()">
 <input type="button" value="clear" onClick="clearturtle()">

A WASSERMANN at 11:40, 21 December 2008

2008-12-21T11:40:13Z

← Older revision		Revision as of 11:40, 21 December 2008
Line 97:		Line 97:

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

A WASSERMANN at 10:49, 21 December 2008

2008-12-21T10:49:07Z

← Older revision		Revision as of 10:49, 21 December 2008
Line 38:		Line 38:
	var t = new JSXTurtleObj(brd);		var t = new JSXTurtleObj(brd);
	function run() {		function run() {
	//brd.suspendUpdate();		brd.suspendUpdate();
	var code = $('inputtext').value;		var code = $('inputtext').value;
	if (code=='') { return; }		if (code=='') { return; }
Line 44:		Line 44:
	$('logwindow').innerHTML += code+'\n';		$('logwindow').innerHTML += code+'\n';
	//$('inputtext').value = '';		//$('inputtext').value = '';
	//brd.unsuspendUpdate();		brd.unsuspendUpdate();
	}		}
	function clearturtle() {		function clearturtle() {
Line 78:		Line 78:
	var t = new JSXTurtleObj(brd);		var t = new JSXTurtleObj(brd);
	function run() {		function run() {
	//brd.suspendUpdate();		brd.suspendUpdate();
	var code = $('inputtext').value;		var code = $('inputtext').value;
	if (code=='') { return; }		if (code=='') { return; }
Line 84:		Line 84:
	$('logwindow').innerHTML += code+'\n';		$('logwindow').innerHTML += code+'\n';
	//$('inputtext').value = '';		//$('inputtext').value = '';
	//brd.unsuspendUpdate();		brd.unsuspendUpdate();
	}		}
	function clearturtle() {		function clearturtle() {

A WASSERMANN at 10:47, 21 December 2008

2008-12-21T10:47:30Z

← Older revision		Revision as of 10:47, 21 December 2008
Line 48:		Line 48:
	function clearturtle() {		function clearturtle() {
	t.cs();		t.cs();
	$('inputtext').value = 't.fd(100);';		//$('inputtext').value = 't.fd(100);';
	}		}
	function clearlog() {		function clearlog() {
Line 88:		Line 88:
	function clearturtle() {		function clearturtle() {
	t.cs();		t.cs();
	$('inputtext').value = 't.fd(100);';		//$('inputtext').value = 't.fd(100);';
	}		}
	function clearlog() {		function clearlog() {