Animations - Revision history

A WASSERMANN at 11:31, 12 November 2020

2020-11-12T11:31:08Z

← Older revision		Revision as of 11:31, 12 November 2020
Line 5:		Line 5:
	<jsxgraph width="500" height="500">		<jsxgraph width="500" height="500">
	brd = JXG.JSXGraph.initBoard('jxgbox',{boundingbox:[-2,2,2,-2], keepaspectratio:true, axis:true});		brd = JXG.JSXGraph.initBoard('jxgbox',{boundingbox:[-2,2,2,-2], 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.create('point',[1.5,1.5],{face:'o', size:8, strokeColor:'red', fillOpacity:0.6, strokeOpacity: 0.6});
	brd.~~createElement~~('segment',[[0,0],p],{dash:3});		brd.create('segment',[[0,0],p],{dash:3});
	</jsxgraph>		</jsxgraph>

Line 15:		Line 15:
	<jsxgraph width="500" height="500">		<jsxgraph width="500" height="500">
	brd = JXG.JSXGraph.initBoard('jxgbox',{boundingbox:[-2,2,2,-2], keepaspectratio:true, axis:true});		brd = JXG.JSXGraph.initBoard('jxgbox',{boundingbox:[-2,2,2,-2], 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.create('point',[1.5,1.5],{face:'o', size:8, strokeColor:'red', fillOpacity:0.6, strokeOpacity: 0.6});
	brd.~~createElement~~('segment',[[0,0],p],{dash:3});		brd.create('segment',[[0,0],p],{dash:3});
	</jsxgraph>		</jsxgraph>
	</source>		</source>

A WASSERMANN at 10:00, 22 December 2014

2014-12-22T10:00:39Z

← Older revision		Revision as of 10:00, 22 December 2014
Line 1:		Line 1:
	<html>		<html>
	<span onClick="p.visit([-1.8,-0.5],3000,{repeat: 2, effect: '<>'});" style="color:blue">Click here, to start animation 1</span>		<span onClick="p.visit([-1.8,-0.5],3000,{repeat: 2, effect: '<>'});" style="color:blue">Click here, to start animation 1</span>
	<span onClick="p.moveTo([-1.5,1.5],1000)~~;p.moveTo([-1.5,-1.5],0);~~" style="color:red">Click here, to start animation 2</span>		<span onClick="p.moveTo([-1.5,1.5],1000)" style="color:red">Click here, to start animation 2</span>
	</html>		</html>
	<jsxgraph width="500" height="500">		<jsxgraph width="500" height="500">

A WASSERMANN at 10:00, 22 December 2014

2014-12-22T10:00:25Z

← Older revision		Revision as of 10:00, 22 December 2014
Line 1:		Line 1:
	<html>		<html>
	<span onClick="p.visit([-1.8,-0.5],3000,{repeat: 2, effect: '<>'});" style="color:blue">Click here, to start animation 1</span>		<span onClick="p.visit([-1.8,-0.5],3000,{repeat: 2, effect: '<>'});" style="color:blue">Click here, to start animation 1</span>
	<span onClick="p.moveTo([-1.5,1.5],1000);" style="color:red">Click here, to start animation 2</span>		<span onClick="p.moveTo([-1.5,1.5],1000);p.moveTo([-1.5,-1.5],0);" style="color:red">Click here, to start animation 2</span>
	</html>		</html>
	<jsxgraph width="500" height="500">		<jsxgraph width="500" height="500">

A WASSERMANN at 09:59, 22 December 2014

2014-12-22T09:59:52Z

← Older revision		Revision as of 09:59, 22 December 2014
Line 1:		Line 1:
	<html>		<html>
	<span onClick="p.visit([-1.8,-0.5],3000,{repeat: 2, effect: '<>'});" style="color:blue">Click here, to start animation 1</span>		<span onClick="p.visit([-1.8,-0.5],3000,{repeat: 2, effect: '<>'});" style="color:blue">Click here, to start animation 1</span>
	<span onClick="p.moveTo([-1.5,1.5],1000); ~~p.moveTo([-1.5,-1.5],1000)~~" style="color:red">Click here, to start animation 2</span>		<span onClick="p.moveTo([-1.5,1.5],1000);" style="color:red">Click here, to start animation 2</span>
	</html>		</html>
	<jsxgraph width="500" height="500">		<jsxgraph width="500" height="500">

A WASSERMANN at 09:58, 22 December 2014

2014-12-22T09:58:57Z

← Older revision		Revision as of 09:58, 22 December 2014
Line 1:		Line 1:
	<html>		<html>
	<span onClick="p.visit([-1.8,-0.5],3000,{repeat: 2, effect: '<>'});" style="color:blue">Click here, to start animation 1</span>		<span onClick="p.visit([-1.8,-0.5],3000,{repeat: 2, effect: '<>'});" style="color:blue">Click here, to start animation 1</span>
	<span onClick="p.moveTo([-1.5,1.5],1000)" style="color:red">Click here, to start animation 2</span>		<span onClick="p.moveTo([-1.5,1.5],1000); p.moveTo([-1.5,-1.5],1000)" style="color:red">Click here, to start animation 2</span>
	</html>		</html>
	<jsxgraph width="500" height="500">		<jsxgraph width="500" height="500">

Michael at 10:43, 17 January 2012

2012-01-17T10:43:38Z

← Older revision		Revision as of 10:43, 17 January 2012
Line 1:		Line 1:
	<html>		<html>
	<span onClick="p.visit([-1.8,-0.5],~~1000~~,2)" style="color:blue">Click here, to start animation 1</span>		<span onClick="p.visit([-1.8,-0.5],3000,{repeat: 2, effect: '<>'});" style="color:blue">Click here, to start animation 1</span>
	<span onClick="p.moveTo([-1.5,1.5],1000)" style="color:red">Click here, to start animation 2</span>		<span onClick="p.moveTo([-1.5,1.5],1000)" style="color:red">Click here, to start animation 2</span>
	</html>		</html>

A WASSERMANN at 14:19, 17 December 2009

2009-12-17T14:19:46Z

← Older revision		Revision as of 14:19, 17 December 2009
Line 18:		Line 18:
	brd.createElement('segment',[[0,0],p],{dash:3});		brd.createElement('segment',[[0,0],p],{dash:3});
	</jsxgraph>		</jsxgraph>
			</source>

			<source lang="html4strict">
			<span onClick="p.visit([-1.8,-0.5],1000,2)" style="color:blue">Click here, to start animation 1</span>
			<span onClick="p.moveTo([-1.5,1.5],1000)" style="color:red">Click here, to start animation 2</span>
	</source>		</source>

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

A WASSERMANN at 12:17, 30 September 2009

2009-09-30T12:17:53Z

← Older revision		Revision as of 12:17, 30 September 2009
Line 1:		Line 1:
	<html>		<html>
	<span onClick="p.visit([-1.5,-1.5],1000,2)" style="color:blue">Click here, to start animation 1</span>		<span onClick="p.visit([-1.8,-0.5],1000,2)" style="color:blue">Click here, to start animation 1</span>
	<span onClick="p.moveTo([-1.5,1.5],1000)" style="color:red">Click here, to start animation 2</span>		<span onClick="p.moveTo([-1.5,1.5],1000)" style="color:red">Click here, to start animation 2</span>
	</html>		</html>
Line 6:		Line 6:
	brd = JXG.JSXGraph.initBoard('jxgbox',{boundingbox:[-2,2,2,-2], keepaspectratio:true, axis:true});		brd = JXG.JSXGraph.initBoard('jxgbox',{boundingbox:[-2,2,2,-2], 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',[1.5,1.5],{face:'o', size:8, strokeColor:'red', fillOpacity:0.6, strokeOpacity: 0.6});
	~~p =~~ brd.createElement('segment',[[0,0],p],{dash:3});		brd.createElement('segment',[[0,0],p],{dash:3});
	</jsxgraph>		</jsxgraph>

	===The JavaScript code===		===The JavaScript code===
	<source lang="xml">		<source lang="xml">
	<span onClick="p.visit([-1.5,-1.5],1000,2)" style="color:blue">Click here, to start animation 1</span>		<span onClick="p.visit([-1.8,-0.5],1000,2)" style="color:blue">Click here, to start animation 1</span>
	<span onClick="p.moveTo([-1.5,1.5],1000)" style="color:red">Click here, to start animation 2</span>		<span onClick="p.moveTo([-1.5,1.5],1000)" style="color:red">Click here, to start animation 2</span>
	<jsxgraph width="500" height="500">		<jsxgraph width="500" height="500">
	brd = JXG.JSXGraph.initBoard('jxgbox',{boundingbox:[-2,2,2,-2], keepaspectratio:true, axis:true});		brd = JXG.JSXGraph.initBoard('jxgbox',{boundingbox:[-2,2,2,-2], 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',[1.5,1.5],{face:'o', size:8, strokeColor:'red', fillOpacity:0.6, strokeOpacity: 0.6});
			brd.createElement('segment',[[0,0],p],{dash:3});
	</jsxgraph>		</jsxgraph>
	</source>		</source>

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

A WASSERMANN at 12:16, 30 September 2009

2009-09-30T12:16:34Z

← Older revision		Revision as of 12:16, 30 September 2009
Line 6:		Line 6:
	brd = JXG.JSXGraph.initBoard('jxgbox',{boundingbox:[-2,2,2,-2], keepaspectratio:true, axis:true});		brd = JXG.JSXGraph.initBoard('jxgbox',{boundingbox:[-2,2,2,-2], 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',[1.5,1.5],{face:'o', size:8, strokeColor:'red', fillOpacity:0.6, strokeOpacity: 0.6});
			p = brd.createElement('segment',[[0,0],p],{dash:3});
	</jsxgraph>		</jsxgraph>

A WASSERMANN at 12:15, 30 September 2009

2009-09-30T12:15:17Z

← Older revision		Revision as of 12:15, 30 September 2009
Line 10:		Line 10:
	===The JavaScript code===		===The JavaScript code===
	<source lang="xml">		<source lang="xml">
	<span onClick="p.visit([-1.5,-1.5],~~100~~,2)" style="color:'blue'">Click here, to start animation</span>		<span onClick="p.visit([-1.5,-1.5],1000,2)" style="color:blue">Click here, to start animation 1</span>
			<span onClick="p.moveTo([-1.5,1.5],1000)" style="color:red">Click here, to start animation 2</span>
	<jsxgraph width="500" height="500">		<jsxgraph width="500" height="500">
	brd = JXG.JSXGraph.initBoard('jxgbox',{boundingbox:[-2,2,2,-2], keepaspectratio:true, axis:true});		brd = JXG.JSXGraph.initBoard('jxgbox',{boundingbox:[-2,2,2,-2], keepaspectratio:true, axis:true});