Animation II: Difference between revisions

From JSXGraph Wiki
No edit summary
No edit summary
Line 5: Line 5:


i = -1;
i = -1;
setInterval(function(){-p.moveTo([Math.sin(i*Math.PI*2/12),Math.cos(i*Math.PI*2/12)],500); i++; },1000);
setInterval(function(){-p.moveTo([Math.sin(i*Math.PI*2/12),Math.cos(i*Math.PI*2/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(i*Math.PI*2/12),Math.cos(i*Math.PI*2/12)],500); i++; },1000);
</source>
</source>


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

Revision as of 15:32, 30 September 2009

The JavaScript code

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});
brd.createElement('arrow',[[0,0],p],{strokeWidth:5, strokeOpacity:0.7, strokeColor:'blue'});

i = -1;
setInterval(function(){-p.moveTo([Math.sin(i*Math.PI*2/12),Math.cos(i*Math.PI*2/12)],500); i++; },1000);