Animation II - Revision history

A WASSERMANN at 13:24, 1 February 2010

2010-02-01T13:24:17Z

← Older revision		Revision as of 13:24, 1 February 2010
Line 5:		Line 5:

	var i = -1;		var i = -1;
	setInterval(function(){-p.moveTo([Math.sin(iMath.PI2/12),Math.cos(iMath.PI2/12)],800); i++; },1000);		setInterval(function(){p.moveTo([Math.sin(iMath.PI2/12),Math.cos(iMath.PI2/12)],800); i++; },1000);
	</jsxgraph>		</jsxgraph>

Line 15:		Line 15:

	var i = -1;		var i = -1;
	setInterval(function(){-p.moveTo([Math.sin(iMath.PI2/12),Math.cos(iMath.PI2/12)],800); i++; },1000);		setInterval(function(){p.moveTo([Math.sin(iMath.PI2/12),Math.cos(iMath.PI2/12)],800); i++; },1000);
	</source>		</source>

	[[Category:Examples]]		[[Category:Examples]]

A WASSERMANN at 13:23, 1 February 2010

2010-02-01T13:23:34Z

← Older revision		Revision as of 13:23, 1 February 2010
Line 1:		Line 1:
	<jsxgraph width="500" height="500">		<jsxgraph width="500" height="500">
	brd = JXG.JSXGraph.initBoard('jxgbox',{boundingbox:[-1.5,1.5,1.5,-1.5], keepaspectratio:true, axis:true});		var brd = JXG.JSXGraph.initBoard('jxgbox',{boundingbox:[-1.5,1.5,1.5,-1.5], keepaspectratio:true, axis:true});
	p = brd.~~createElement~~('point',[0,1],{face:'o', size:5, strokeColor:'red', fillOpacity:0.3, strokeOpacity: 0.3});		var p = brd.create('point',[0,1],{face:'o', size:5, strokeColor:'red', fillOpacity:0.3, strokeOpacity: 0.3});
	brd.~~createElement~~('arrow',[[0,0],p],{strokeWidth:5, strokeOpacity:0.7, strokeColor:'blue'});		brd.create('arrow',[[0,0],p],{strokeWidth:5, strokeOpacity:0.7, strokeColor:'blue'});

	i = -1;		var i = -1;
	setInterval(function(){-p.moveTo([Math.sin(iMath.PI2/12),Math.cos(iMath.PI2/12)],800); i++; },1000);		setInterval(function(){-p.moveTo([Math.sin(iMath.PI2/12),Math.cos(iMath.PI2/12)],800); i++; },1000);
	</jsxgraph>		</jsxgraph>
Line 10:		Line 10:
	===The JavaScript code===		===The JavaScript code===
	<source lang="javascript">		<source lang="javascript">
	brd = JXG.JSXGraph.initBoard('jxgbox',{boundingbox:[-1.5,1.5,1.5,-1.5], keepaspectratio:true, axis:true});		var brd = JXG.JSXGraph.initBoard('jxgbox',{boundingbox:[-1.5,1.5,1.5,-1.5], keepaspectratio:true, axis:true});
	p = brd.~~createElement~~('point',[0,1],{face:'o', size:5, strokeColor:'red', fillOpacity:0.3, strokeOpacity: 0.3});		var p = brd.create('point',[0,1],{face:'o', size:5, strokeColor:'red', fillOpacity:0.3, strokeOpacity: 0.3});
	brd.~~createElement~~('arrow',[[0,0],p],{strokeWidth:5, strokeOpacity:0.7, strokeColor:'blue'});		brd.create('arrow',[[0,0],p],{strokeWidth:5, strokeOpacity:0.7, strokeColor:'blue'});

	i = -1;		var i = -1;
	setInterval(function(){-p.moveTo([Math.sin(iMath.PI2/12),Math.cos(iMath.PI2/12)],800); i++; },1000);		setInterval(function(){-p.moveTo([Math.sin(iMath.PI2/12),Math.cos(iMath.PI2/12)],800); i++; },1000);
	</source>		</source>

	[[Category:Examples]]		[[Category:Examples]]

A WASSERMANN at 15:32, 30 September 2009

2009-09-30T15:32:25Z

← Older revision		Revision as of 15:32, 30 September 2009
Line 5:		Line 5:

	i = -1;		i = -1;
	setInterval(function(){-p.moveTo([Math.sin(iMath.PI2/12),Math.cos(iMath.PI2/12)],~~1000~~); i++; },1000);		setInterval(function(){-p.moveTo([Math.sin(iMath.PI2/12),Math.cos(iMath.PI2/12)],800); i++; },1000);
	</jsxgraph>		</jsxgraph>

Line 15:		Line 15:

	i = -1;		i = -1;
	setInterval(function(){-p.moveTo([Math.sin(iMath.PI2/12),Math.cos(iMath.PI2/12)],~~500~~); i++; },1000);		setInterval(function(){-p.moveTo([Math.sin(iMath.PI2/12),Math.cos(iMath.PI2/12)],800); i++; },1000);
	</source>		</source>

	[[Category:Examples]]		[[Category:Examples]]

A WASSERMANN at 15:32, 30 September 2009

2009-09-30T15:32:07Z

← Older revision		Revision as of 15:32, 30 September 2009
Line 5:		Line 5:

	i = -1;		i = -1;
	setInterval(function(){-p.moveTo([Math.sin(iMath.PI2/12),Math.cos(iMath.PI2/12)],~~500~~); i++; },1000);		setInterval(function(){-p.moveTo([Math.sin(iMath.PI2/12),Math.cos(iMath.PI2/12)],1000); i++; },1000);
	</jsxgraph>		</jsxgraph>

	===The JavaScript code===		===The JavaScript code===
	<source lang="javascript">		<source lang="javascript">
	brd = JXG.JSXGraph.initBoard('jxgbox',{boundingbox:[-2,2,2,-2], keepaspectratio:true, axis:true});		brd = JXG.JSXGraph.initBoard('jxgbox',{boundingbox:[-1.5,1.5,1.5,-1.5], keepaspectratio:true, axis:true});
	p = brd.createElement('point',[~~1.5~~,1.5],{face:'o', size:8, strokeColor:'red', fillOpacity:0.6, strokeOpacity: 0.6});		p = brd.createElement('point',[0,1],{face:'o', size:5, strokeColor:'red', fillOpacity:0.3, strokeOpacity: 0.3});
			brd.createElement('arrow',[[0,0],p],{strokeWidth:5, strokeOpacity:0.7, strokeColor:'blue'});

			i = -1;
			setInterval(function(){-p.moveTo([Math.sin(iMath.PI2/12),Math.cos(iMath.PI2/12)],500); i++; },1000);
	</source>		</source>

	[[Category:Examples]]		[[Category:Examples]]

A WASSERMANN at 15:30, 30 September 2009

2009-09-30T15:30:57Z

← Older revision		Revision as of 15:30, 30 September 2009
Line 5:		Line 5:

	i = -1;		i = -1;
	setInterval(function(){-p.moveTo([Math.sin(-iMath.PI2/12),Math.cos(-iMath.PI2/12)],500); i++; },1000);		setInterval(function(){-p.moveTo([Math.sin(iMath.PI2/12),Math.cos(iMath.PI2/12)],500); i++; },1000);
	</jsxgraph>		</jsxgraph>

A WASSERMANN at 15:30, 30 September 2009

2009-09-30T15:30:35Z

← Older revision		Revision as of 15:30, 30 September 2009
Line 5:		Line 5:

	i = -1;		i = -1;
	~~setTimeout~~(function(){-p.moveTo([Math.sin(-iMath.PI2/12),Math.cos(-iMath.PI2/12)],500); i++; },1000);		setInterval(function(){-p.moveTo([Math.sin(-iMath.PI2/12),Math.cos(-iMath.PI2/12)],500); i++; },1000);
	</jsxgraph>		</jsxgraph>

A WASSERMANN at 15:30, 30 September 2009

2009-09-30T15:30:16Z

← Older revision		Revision as of 15:30, 30 September 2009
Line 4:		Line 4:
	brd.createElement('arrow',[[0,0],p],{strokeWidth:5, strokeOpacity:0.7, strokeColor:'blue'});		brd.createElement('arrow',[[0,0],p],{strokeWidth:5, strokeOpacity:0.7, strokeColor:'blue'});

	i = 0;		i = -1;
	setTimeout(function(){-p.moveTo([Math.~~cos~~(-iMath.PI2/12),Math.~~sin~~(-iMath.PI2/12)],500); i++; },1000);		setTimeout(function(){-p.moveTo([Math.sin(-iMath.PI2/12),Math.cos(-iMath.PI2/12)],500); i++; },1000);
	</jsxgraph>		</jsxgraph>

A WASSERMANN at 15:29, 30 September 2009

2009-09-30T15:29:19Z

← Older revision		Revision as of 15:29, 30 September 2009
Line 5:		Line 5:

	i = 0;		i = 0;
	~~setInterval~~(function(){-p.moveTo([Math.cos(-iMath.PI2/12),Math.sin(-iMath.PI2/12)],500); i++; },1000);		setTimeout(function(){-p.moveTo([Math.cos(-iMath.PI2/12),Math.sin(-iMath.PI2/12)],500); i++; },1000);
	</jsxgraph>		</jsxgraph>

A WASSERMANN at 15:28, 30 September 2009

2009-09-30T15:28:43Z

← Older revision		Revision as of 15:28, 30 September 2009
Line 5:		Line 5:

	i = 0;		i = 0;
	setInterval(function(){-p.moveTo([Math.~~sin~~(iMath.PI2/12),-Math.~~cos(~~(i~~++)~~Math.PI2/12)],500);},1000);		setInterval(function(){-p.moveTo([Math.cos(-iMath.PI2/12),Math.sin(-iMath.PI2/12)],500); i++; },1000);
	</jsxgraph>		</jsxgraph>

A WASSERMANN at 15:27, 30 September 2009

2009-09-30T15:27:32Z

← Older revision		Revision as of 15:27, 30 September 2009
Line 5:		Line 5:

	i = 0;		i = 0;
	setInterval(function(){p.moveTo([Math.sin(iMath.PI2/12),-Math.cos((i++)Math.PI2/12)],500);},1000);		setInterval(function(){-p.moveTo([Math.sin(iMath.PI2/12),-Math.cos((i++)Math.PI2/12)],500);},1000);
	</jsxgraph>		</jsxgraph>