Slow the turtle down - Revision history

Michael at 13:44, 8 June 2011

2011-06-08T13:44:18Z

← Older revision		Revision as of 13:44, 8 June 2011
Line 21:		Line 21:

	<source lang="javascript">		<source lang="javascript">
	~~<jsxgraph width="500" height="500">~~
	var brd = JXG.JSXGraph.initBoard('jxgbox',{boundingbox: [-250, 250, 250, -250]});		var brd = JXG.JSXGraph.initBoard('jxgbox',{boundingbox: [-250, 250, 250, -250]});
	var t = brd.create('turtle',[100,-50],{strokeOpacity:0.7,fillColor:'#ff8800',fillOpacity:0.2});		var t = brd.create('turtle',[100,-50],{strokeOpacity:0.7,fillColor:'#ff8800',fillOpacity:0.2});

Michael at 13:44, 8 June 2011

2011-06-08T13:44:05Z

← Older revision		Revision as of 13:44, 8 June 2011
Line 4:		Line 4:
	<form><input type="button" value="run" onclick="run(100)"></form>		<form><input type="button" value="run" onclick="run(100)"></form>
	</html>		</html>

	<jsxgraph width="500" height="500">		<jsxgraph width="500" height="500">
	var brd = JXG.JSXGraph.initBoard('jxgbox',{~~unitX~~:1, ~~unitY:1~~, ~~originX:~~250, ~~originY:~~250});		var brd = JXG.JSXGraph.initBoard('jxgbox',{boundingbox: [-250, 250, 250, -250]});
	var t = brd.~~createElement~~('turtle',[100,-50],{strokeOpacity:0.7,fillColor:'#ff8800',fillOpacity:0.2});		var t = brd.create('turtle',[100,-50],{strokeOpacity:0.7,fillColor:'#ff8800',fillOpacity:0.2});
	t.setPenSize(3);		t.setPenSize(3);

Line 19:		Line 20:
	</jsxgraph>		</jsxgraph>

	<source lang="~~xml~~">		<source lang="javascript">
	~~<html>~~
	~~<form><input type="button" value="run" onclick="run(100)"></form>~~
	~~</html~~>
	<jsxgraph width="500" height="500">		<jsxgraph width="500" height="500">
	var brd = JXG.JSXGraph.initBoard('jxgbox',{~~unitX~~:1, ~~unitY:1~~, ~~originX:~~250, ~~originY:~~250});		var brd = JXG.JSXGraph.initBoard('jxgbox',{boundingbox: [-250, 250, 250, -250]});
	var t = brd.~~createElement~~('turtle',[100,-50],{strokeOpacity:0.7,fillColor:'#ff8800',fillOpacity:0.2});		var t = brd.create('turtle',[100,-50],{strokeOpacity:0.7,fillColor:'#ff8800',fillOpacity:0.2});
	t.setPenSize(3);		t.setPenSize(3);

Line 36:		Line 34:
	}		}
	}		}
	~~</jsxgraph>~~
	</source>		</source>

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

A WASSERMANN at 14:47, 25 February 2009

2009-02-25T14:47:41Z

← Older revision		Revision as of 14:47, 25 February 2009
Line 33:		Line 33:
	t.lt(90*(1-n/100));		t.lt(90*(1-n/100));
	var st = 'run(' + (n-1) + ')';		var st = 'run(' + (n-1) + ')';
	setTimeout(st,50);		setTimeout(st,25);
	}		}
	}		}

A WASSERMANN at 14:47, 25 February 2009

2009-02-25T14:47:16Z

← Older revision		Revision as of 14:47, 25 February 2009
Line 1:		Line 1:
	This is an example, where the turtle ~~runs~~ controlled by the setTimeout() method		This is an example, where the turtle speed is controlled by the setTimeout() method
	of JavaScript.		of JavaScript.
	<html>		<html>

A WASSERMANN at 14:44, 25 February 2009

2009-02-25T14:44:29Z

← Older revision		Revision as of 14:44, 25 February 2009
Line 7:		Line 7:
	var brd = JXG.JSXGraph.initBoard('jxgbox',{unitX:1, unitY:1, originX:250, originY:250});		var brd = JXG.JSXGraph.initBoard('jxgbox',{unitX:1, unitY:1, originX:250, originY:250});
	var t = brd.createElement('turtle',[100,-50],{strokeOpacity:0.7,fillColor:'#ff8800',fillOpacity:0.2});		var t = brd.createElement('turtle',[100,-50],{strokeOpacity:0.7,fillColor:'#ff8800',fillOpacity:0.2});
	t.setPenSize(5);		t.setPenSize(3);

	function run(n) {		function run(n) {
Line 26:		Line 26:
	var brd = JXG.JSXGraph.initBoard('jxgbox',{unitX:1, unitY:1, originX:250, originY:250});		var brd = JXG.JSXGraph.initBoard('jxgbox',{unitX:1, unitY:1, originX:250, originY:250});
	var t = brd.createElement('turtle',[100,-50],{strokeOpacity:0.7,fillColor:'#ff8800',fillOpacity:0.2});		var t = brd.createElement('turtle',[100,-50],{strokeOpacity:0.7,fillColor:'#ff8800',fillOpacity:0.2});
	t.setPenSize(5);		t.setPenSize(3);

	function run(n) {		function run(n) {

A WASSERMANN at 14:43, 25 February 2009

2009-02-25T14:43:55Z

← Older revision		Revision as of 14:43, 25 February 2009
Line 7:		Line 7:
	var brd = JXG.JSXGraph.initBoard('jxgbox',{unitX:1, unitY:1, originX:250, originY:250});		var brd = JXG.JSXGraph.initBoard('jxgbox',{unitX:1, unitY:1, originX:250, originY:250});
	var t = brd.createElement('turtle',[100,-50],{strokeOpacity:0.7,fillColor:'#ff8800',fillOpacity:0.2});		var t = brd.createElement('turtle',[100,-50],{strokeOpacity:0.7,fillColor:'#ff8800',fillOpacity:0.2});
	t.~~setPensize~~(5);		t.setPenSize(5);

	function run(n) {		function run(n) {
Line 26:		Line 26:
	var brd = JXG.JSXGraph.initBoard('jxgbox',{unitX:1, unitY:1, originX:250, originY:250});		var brd = JXG.JSXGraph.initBoard('jxgbox',{unitX:1, unitY:1, originX:250, originY:250});
	var t = brd.createElement('turtle',[100,-50],{strokeOpacity:0.7,fillColor:'#ff8800',fillOpacity:0.2});		var t = brd.createElement('turtle',[100,-50],{strokeOpacity:0.7,fillColor:'#ff8800',fillOpacity:0.2});
	t.~~setPensize~~(5);		t.setPenSize(5);

	function run(n) {		function run(n) {

A WASSERMANN at 14:43, 25 February 2009

2009-02-25T14:43:03Z

← Older revision		Revision as of 14:43, 25 February 2009
Line 6:		Line 6:
	<jsxgraph width="500" height="500">		<jsxgraph width="500" height="500">
	var brd = JXG.JSXGraph.initBoard('jxgbox',{unitX:1, unitY:1, originX:250, originY:250});		var brd = JXG.JSXGraph.initBoard('jxgbox',{unitX:1, unitY:1, originX:250, originY:250});
	var t = brd.createElement('turtle',[100,-50],{fillColor:'#ff8800',fillOpacity:0.2});		var t = brd.createElement('turtle',[100,-50],{strokeOpacity:0.7,fillColor:'#ff8800',fillOpacity:0.2});
			t.setPensize(5);

	function run(n) {		function run(n) {
Line 24:		Line 25:
	<jsxgraph width="500" height="500">		<jsxgraph width="500" height="500">
	var brd = JXG.JSXGraph.initBoard('jxgbox',{unitX:1, unitY:1, originX:250, originY:250});		var brd = JXG.JSXGraph.initBoard('jxgbox',{unitX:1, unitY:1, originX:250, originY:250});
	var t = brd.createElement('turtle',[100,-~~100~~],{fillColor:'#ff8800',fillOpacity:0.2});		var t = brd.createElement('turtle',[100,-50],{strokeOpacity:0.7,fillColor:'#ff8800',fillOpacity:0.2});
			t.setPensize(5);

	function run(n) {		function run(n) {

A WASSERMANN at 14:41, 25 February 2009

2009-02-25T14:41:10Z

← Older revision		Revision as of 14:41, 25 February 2009
Line 6:		Line 6:
	<jsxgraph width="500" height="500">		<jsxgraph width="500" height="500">
	var brd = JXG.JSXGraph.initBoard('jxgbox',{unitX:1, unitY:1, originX:250, originY:250});		var brd = JXG.JSXGraph.initBoard('jxgbox',{unitX:1, unitY:1, originX:250, originY:250});
	var t = brd.createElement('turtle',[100,-~~100~~],{fillColor:'#ff8800',fillOpacity:0.2});		var t = brd.createElement('turtle',[100,-50],{fillColor:'#ff8800',fillOpacity:0.2});

	function run(n) {		function run(n) {
Line 13:		Line 13:
	t.lt(90*(1-n/100));		t.lt(90*(1-n/100));
	var st = 'run(' + (n-1) + ')';		var st = 'run(' + (n-1) + ')';
	setTimeout(st,50);		setTimeout(st,25);
	}		}
	}		}

A WASSERMANN at 14:40, 25 February 2009

2009-02-25T14:40:05Z

← Older revision		Revision as of 14:40, 25 February 2009
Line 6:		Line 6:
	<jsxgraph width="500" height="500">		<jsxgraph width="500" height="500">
	var brd = JXG.JSXGraph.initBoard('jxgbox',{unitX:1, unitY:1, originX:250, originY:250});		var brd = JXG.JSXGraph.initBoard('jxgbox',{unitX:1, unitY:1, originX:250, originY:250});
	var t = brd.createElement('turtle',[],{fillColor:'#ff8800',fillOpacity:0.2});		var t = brd.createElement('turtle',[100,-100],{fillColor:'#ff8800',fillOpacity:0.2});

	function run(n) {		function run(n) {
Line 24:		Line 24:
	<jsxgraph width="500" height="500">		<jsxgraph width="500" height="500">
	var brd = JXG.JSXGraph.initBoard('jxgbox',{unitX:1, unitY:1, originX:250, originY:250});		var brd = JXG.JSXGraph.initBoard('jxgbox',{unitX:1, unitY:1, originX:250, originY:250});
	var t = brd.createElement('turtle');		var t = brd.createElement('turtle',[100,-100],{fillColor:'#ff8800',fillOpacity:0.2});

	function run(n) {		function run(n) {

A WASSERMANN at 14:38, 25 February 2009

2009-02-25T14:38:40Z

← Older revision		Revision as of 14:38, 25 February 2009
Line 6:		Line 6:
	<jsxgraph width="500" height="500">		<jsxgraph width="500" height="500">
	var brd = JXG.JSXGraph.initBoard('jxgbox',{unitX:1, unitY:1, originX:250, originY:250});		var brd = JXG.JSXGraph.initBoard('jxgbox',{unitX:1, unitY:1, originX:250, originY:250});
	var t = brd.createElement('turtle',[],{fillColor:'#ff8800'});		var t = brd.createElement('turtle',[],{fillColor:'#ff8800',fillOpacity:0.2});

	function run(n) {		function run(n) {