Difference between revisions of "Animation III"

From JSXGraph Wiki
Jump to navigationJump to search
 
(12 intermediate revisions by the same user not shown)
Line 2: Line 2:
 
brd = JXG.JSXGraph.initBoard('jxgbox',{boundingbox:[-0.2,1.2,1.2,-0.5], keepaspectratio:true});
 
brd = JXG.JSXGraph.initBoard('jxgbox',{boundingbox:[-0.2,1.2,1.2,-0.5], keepaspectratio:true});
 
p = [];
 
p = [];
len = 10;
+
len = 25;
 
for (i=0;i<len;i++) {
 
for (i=0;i<len;i++) {
 
     p[i] = brd.createElement('point',[Math.random(),Math.random()],
 
     p[i] = brd.createElement('point',[Math.random(),Math.random()],
               {face:'o', size:8, strokeColor:'red', fillColor:'red', fillOpacity:0.4, strokeOpacity: 0.4, withLabel:false});
+
               {face:'o', size:10, strokeColor:'red', fillColor:'red', fillOpacity:0.4, strokeOpacity:0.4, withLabel:false});
 
}
 
}
//setInterval(function(){-p.moveTo([Math.sin(i*Math.PI*2/12),Math.cos(i*Math.PI*2/12)],800); i++; },1000);
+
setInterval(function(){
 +
  var i, j;
 +
  for (i=0;i<p.length;i++) {
 +
      p[i].moveTo([Math.random(),Math.random()],1000);
 +
  }
 +
  i = 0;
 +
  while (i<p.length) {
 +
      for (j=i+1;j<p.length;j++) {
 +
          if (p[i].Dist(p[j])<0.075) {
 +
              brd.removeObject(p[j]);
 +
              p.splice(j,1);
 +
              brd.removeObject(p[i]);
 +
              p.splice(i,1);
 +
              i--;
 +
              break;
 +
          }
 +
      }
 +
      i++;
 +
  }
 +
},2000);
 
</jsxgraph>
 
</jsxgraph>
 +
 +
===The underlying JavaScript code===
 +
<source lang="javascript">
 +
brd = JXG.JSXGraph.initBoard('jxgbox',{boundingbox:[-0.2,1.2,1.2,-0.5], keepaspectratio:true});
 +
p = [];
 +
len = 25;
 +
for (i=0;i<len;i++) {
 +
    p[i] = brd.createElement('point',[Math.random(),Math.random()],
 +
              {face:'o', size:10, strokeColor:'red', fillColor:'red', fillOpacity:0.4, strokeOpacity:0.4, withLabel:false});
 +
}
 +
setInterval(function(){
 +
  var i, j;
 +
  for (i=0;i<p.length;i++) {
 +
      p[i].moveTo([Math.random(),Math.random()],1000);
 +
  }
 +
  i = 0;
 +
  while (i<p.length) {
 +
      for (j=i+1;j<p.length;j++) {
 +
          if (p[i].Dist(p[j])<0.075) {
 +
              brd.removeObject(p[j]);
 +
              p.splice(j,1);
 +
              brd.removeObject(p[i]);
 +
              p.splice(i,1);
 +
              i--;
 +
              break;
 +
          }
 +
      }
 +
      i++;
 +
  }
 +
},2000);
 +
</source>
 +
 +
[[Category:Examples]]

Latest revision as of 17:51, 30 September 2009

The underlying JavaScript code

brd = JXG.JSXGraph.initBoard('jxgbox',{boundingbox:[-0.2,1.2,1.2,-0.5], keepaspectratio:true});
p = [];
len = 25;
for (i=0;i<len;i++) {
    p[i] = brd.createElement('point',[Math.random(),Math.random()],
               {face:'o', size:10, strokeColor:'red', fillColor:'red', fillOpacity:0.4, strokeOpacity:0.4, withLabel:false});
}
setInterval(function(){
   var i, j;
   for (i=0;i<p.length;i++) {
       p[i].moveTo([Math.random(),Math.random()],1000);
   }
   i = 0;
   while (i<p.length) {
       for (j=i+1;j<p.length;j++) {
           if (p[i].Dist(p[j])<0.075) {
               brd.removeObject(p[j]);
               p.splice(j,1);
               brd.removeObject(p[i]);
               p.splice(i,1);
               i--;
               break;
           } 
       }
       i++;
   }
},2000);