Function graph animation - Revision history

A WASSERMANN at 07:30, 31 October 2012

2012-10-31T07:30:21Z

← Older revision		Revision as of 07:30, 31 October 2012
Line 28:		Line 28:

	<source lang="javascript">		<source lang="javascript">

			// User supplied function to be drawn.
	var f = function(x) { return Math.sin(x); };		var f = function(x) { return Math.sin(x); };

A WASSERMANN at 07:29, 31 October 2012

2012-10-31T07:29:29Z

← Older revision		Revision as of 07:29, 31 October 2012
Line 20:		Line 20:

	turtle.hideTurtle();		turtle.hideTurtle();
	moveForward();		moveForward();


Line 48:		Line 48:

	turtle.hideTurtle(); // Hide the turtle arrow		turtle.hideTurtle(); // Hide the turtle arrow
	moveForward();		moveForward(); // Start the drawing
	</source>		</source>

A WASSERMANN at 07:28, 31 October 2012

2012-10-31T07:28:44Z

← Older revision		Revision as of 07:28, 31 October 2012
Line 24:		Line 24:

	</jsxgraph>		</jsxgraph>

			===The JavaScript code===

			<source lang="javascript">
			var f = function(x) { return Math.sin(x); };

			var brd = JXG.JSXGraph.initBoard('jxgbox', {boundingbox:[-5,2,5,-2], axis:true, keepaspectratio:false});

			var start = -4,
			end = 4,
			x = start,
			step = 0.2,
			turtle = brd.create('turtle', [x, f(x)]);

			var moveForward = function() {
			x += step;
			if (x>end) {
			return;
			}
			turtle.moveTo([x, f(x)]);
			setTimeout(moveForward, 200); // delay by 200 ms
			};

			turtle.hideTurtle(); // Hide the turtle arrow
			moveForward();
			</source>

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

A WASSERMANN at 07:26, 31 October 2012

2012-10-31T07:26:06Z

← Older revision		Revision as of 07:26, 31 October 2012
Line 16:		Line 16:
	}		}
	turtle.moveTo([x, f(x)]);		turtle.moveTo([x, f(x)]);
	setTimeout(moveForward, 50);		setTimeout(moveForward, 200);
	};		};

A WASSERMANN at 07:25, 31 October 2012

2012-10-31T07:25:38Z

← Older revision		Revision as of 07:25, 31 October 2012
Line 6:		Line 6:
	var start = -4,		var start = -4,
	end = 4,		end = 4,
	turtle = brd.create('turtle', [~~start~~, f(~~start~~)]);		x = start,
			step = 0.2,
			turtle = brd.create('turtle', [x, f(x)]);

	~~turtle.hideTurtle~~()		var moveForward = function() {
	turtle.moveTo([0,0]);		x += step;
			if (x>end) {
			return;
			}
			turtle.moveTo([x, f(x)]);
			setTimeout(moveForward, 50);
			};

			turtle.hideTurtle();
			moveForward();


	</jsxgraph>		</jsxgraph>

A WASSERMANN at 07:22, 31 October 2012

2012-10-31T07:22:16Z

← Older revision		Revision as of 07:22, 31 October 2012
Line 8:		Line 8:
	turtle = brd.create('turtle', [start, f(start)]);		turtle = brd.create('turtle', [start, f(start)]);

	turtle.moveTo(0,0);		turtle.hideTurtle()
			turtle.moveTo([0,0]);

	</jsxgraph>		</jsxgraph>

A WASSERMANN at 07:20, 31 October 2012

2012-10-31T07:20:21Z

@@ Line 1: / Line 1: @@
 <jsxgraph width="600" height="600">
    var brd = JXG.JSXGraph.initBoard('jxgbox', {boundingbox:[-5,2,5,-2], axis:true, keepaspectratio:false});
 </jsxgraph>

A WASSERMANN at 07:17, 31 October 2012

2012-10-31T07:17:37Z

← Older revision		Revision as of 07:17, 31 October 2012
Line 1:		Line 1:
	<jsxgraph width="600" height="600">		<jsxgraph width="600" height="600">
	var brd = ~~JSX~~.JSXGraph.initBoard('jxgbox', {boundingbox:[-5,2,5,-2], axis:true, keepaspectratio:false});		var brd = JXG.JSXGraph.initBoard('jxgbox', {boundingbox:[-5,2,5,-2], axis:true, keepaspectratio:false});
	</jsxgraph>		</jsxgraph>

A WASSERMANN: Created page with " var brd = JSX.JSXGraph.initBoard('jxgbox', {boundingbox:[-5,2,5,-2], axis:true, keepaspectratio:false}); "

2012-10-31T07:16:38Z

Created page with "<jsxgraph width="600" height="600"> var brd = JSX.JSXGraph.initBoard('jxgbox', {boundingbox:[-5,2,5,-2], axis:true, keepaspectratio:false}); </jsxgraph>"

New page

<jsxgraph width="600" height="600">
var brd = JSX.JSXGraph.initBoard('jxgbox', {boundingbox:[-5,2,5,-2], axis:true, keepaspectratio:false});
</jsxgraph>