Turtle animation of the "8" - Revision history

A WASSERMANN at 07:48, 28 August 2013

2013-08-28T07:48:44Z

← Older revision		Revision as of 07:48, 28 August 2013
Line 8:		Line 8:

	var run = function() {		var run = function() {
	t.fd(2);		t.forward(2);
	if (Math.floor(alpha / 360) % 2 === 0) {		if (Math.floor(alpha / 360) % 2 === 0) {
	t.left(1); // turn left by 1 degree		t.left(1); // turn left by 1 degree
Line 35:		Line 35:

	var run = function() {		var run = function() {
	t.fd(2);		t.forward(2);
	if (Math.floor(alpha / 360) % 2 === 0) {		if (Math.floor(alpha / 360) % 2 === 0) {
	t.left(1); // turn left by 1 degree		t.left(1); // turn left by 1 degree

A WASSERMANN at 07:46, 28 August 2013

2013-08-28T07:46:15Z

← Older revision		Revision as of 07:46, 28 August 2013
Line 1:		Line 1:
			Use the JSXGraph turtle to draw a simple "8".
	<jsxgraph width="500" height="500">		<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]});
Line 36:		Line 37:
	t.fd(2);		t.fd(2);
	if (Math.floor(alpha / 360) % 2 === 0) {		if (Math.floor(alpha / 360) % 2 === 0) {
	t.left(1);		t.left(1); // turn left by 1 degree
	} else {		} else {
	t.right(1);		t.right(1); // turn right by 1 degree
	}		}

	alpha += 1;		alpha += 1;

	if (alpha < 1440) {		if (alpha < 1440) { // stop after two rounds
	setTimeout(run,25);		setTimeout(run, 20);
	}		}
	}		}

A WASSERMANN at 07:44, 28 August 2013

2013-08-28T07:44:46Z

← Older revision		Revision as of 07:44, 28 August 2013
Line 9:		Line 9:
	t.fd(2);		t.fd(2);
	if (Math.floor(alpha / 360) % 2 === 0) {		if (Math.floor(alpha / 360) % 2 === 0) {
	t.left(1);		t.left(1); // turn left by 1 degree
	} else {		} else {
	t.right(1);		t.right(1); // turn right by 1 degree
	}		}

	alpha += 1;		alpha += 1;

	if (alpha < 1440) {		if (alpha < 1440) { // stop after two rounds
	setTimeout(run,25);		setTimeout(run, 20);
	}		}
	}		}
Line 27:		Line 27:
	===The JavaScript code===		===The JavaScript code===
	<source lang="javascript">		<source lang="javascript">
	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',[0, 0], {strokeOpacity:0.5});		var t = brd.create('turtle',[0, 0], {strokeOpacity:0.5});
	t.setPenSize(3);		t.setPenSize(3);
	t.right(90);		t.right(90);
	var alpha = 0;		var alpha = 0;

	var run = function() {		var run = function() {
	t.fd(2);		t.fd(2);
	if (Math.floor(alpha / 360) % 2 === 0) {		if (Math.floor(alpha / 360) % 2 === 0) {
	t.left(1);		t.left(1);
	} else {		} else {
	t.right(1);		t.right(1);
	}		}

	alpha += 1;		alpha += 1;

	if (alpha < 1440) {		if (alpha < 1440) {
	setTimeout(run,25);		setTimeout(run,25);
	}		}
	}		}

	run();		run();
	</source>		</source>

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

A WASSERMANN at 07:42, 28 August 2013

2013-08-28T07:42:39Z

@@ Line 1: / Line 1: @@
 <jsxgraph width="500" height="500">
 var brd = JXG.JSXGraph.initBoard('jxgbox',{boundingbox: [-250, 250, 250, -250]});
-var t = brd.create('turtle',[0, 0], {});
+var t = brd.create('turtle',[0, 0], {strokeOpacity:0.5});
 t.setPenSize(3);
 t.right(90);
@@ Line 25: / Line 25: @@
 </jsxgraph>
 [[Category:Turtle Graphics]]

A WASSERMANN at 07:39, 28 August 2013

2013-08-28T07:39:58Z

← Older revision		Revision as of 07:39, 28 August 2013
Line 15:		Line 15:

	alpha += 1;		alpha += 1;
	setTimeout(run,25);
			if (alpha < 1440) {
			setTimeout(run,25);
			}
	}		}

A WASSERMANN at 07:38, 28 August 2013

2013-08-28T07:38:18Z

← Older revision		Revision as of 07:38, 28 August 2013
Line 8:		Line 8:
	var run = function() {		var run = function() {
	t.fd(2);		t.fd(2);
	if (Math.floor(alpha / 360) % 2) === 0) {		if (Math.floor(alpha / 360) % 2 === 0) {
	t.left(1);		t.left(1);
	} else {		} else {

A WASSERMANN at 07:38, 28 August 2013

2013-08-28T07:38:06Z

← Older revision		Revision as of 07:38, 28 August 2013
Line 3:		Line 3:
	var t = brd.create('turtle',[0, 0], {});		var t = brd.create('turtle',[0, 0], {});
	t.setPenSize(3);		t.setPenSize(3);
			t.right(90);
			var alpha = 0;

	var run = function() {		var run = function() {
	t.fd(2);		t.fd(2);
	t.lt(1);		if (Math.floor(alpha / 360) % 2) === 0) {
			t.left(1);
			} else {
			t.right(1);
			}

			alpha += 1;
	setTimeout(run,25);		setTimeout(run,25);
	}		}

A WASSERMANN at 07:36, 28 August 2013

2013-08-28T07:36:01Z

← Older revision		Revision as of 07:36, 28 August 2013
Line 1:		Line 1:
	<jsxgraph width="500" height="500">		<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',[0, 0], {});
	t.setPenSize(3);		t.setPenSize(3);

	var run = function() {		var run = function() {
	t.fd(5);		t.fd(2);
	t.lt(1);		t.lt(1);
	setTimeout(run,25);		setTimeout(run,25);

A WASSERMANN at 07:35, 28 August 2013

2013-08-28T07:35:11Z

← Older revision		Revision as of 07:35, 28 August 2013
Line 4:		Line 4:
	t.setPenSize(3);		t.setPenSize(3);

	function ~~run~~(n) {		var run = function() {
	~~if (n>0) {~~		t.fd(5);
	t.fd(20);		t.lt(1);
	t.lt(90*(1~~-n/100)~~);		setTimeout(run,25);
	~~var st = 'run(' + (n-1) + ')';~~
	setTimeout(st,25);
	}
	}		}

			run();

	</jsxgraph>		</jsxgraph>

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

A WASSERMANN: Created page with " var brd = JXG.JSXGraph.initBoard('jxgbox',{boundingbox: [-250, 250, 250, -250]}); var t = brd.create('turtle',[100,-50],{strokeOpacity:0.7,fil..."

2013-08-28T07:33:32Z

Created page with "<jsxgraph width="500" height="500"> var brd = JXG.JSXGraph.initBoard('jxgbox',{boundingbox: [-250, 250, 250, -250]}); var t = brd.create('turtle',[100,-50],{strokeOpacity:0.7,fil..."

New page

<jsxgraph width="500" height="500">
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});
t.setPenSize(3);

function run(n) {
if (n>0) {
t.fd(20);
t.lt(90*(1-n/100));
var st = 'run(' + (n-1) + ')';
setTimeout(st,25);
}
}
</jsxgraph>

[[Category:Turtle Graphics]]