a9 - 経済統計練習帳

var ax=new Array();
var ay=new Array();
var bx=new Array();
var by=new Array();
var number;
 
function sample(){
 
var timer;
var delay = 100;
 
number=10;
 
for(s=1;s<11;s++){
ax[s]=5*s;
ay[s]=5*s;
bx[s]=5*s;
by[s]=5*s;
}
 
var loop = function(){
 
for(s=1;s<11;s++){    
move(s);
}    
 
paint();
 
clearTimeout(timer);
timer = setTimeout(loop,delay);
}
 
loop();
 
}
 
function move(ss){
 
dx=-1;    
if(Math.random()>0.5)dx=1;    
dy=-1;    
if(Math.random()>0.5)dy=1;   
 
ax[ss]=ax[ss]+dx;
ay[ss]=ay[ss]+dy;
 
 
if(ax[ss]>100)ax[ss]=100;
if(ax[ss]<1)ax[ss]=1; 
if(ay[ss]>100)ay[ss]=100;
if(ay[ss]<1)ay[ss]=1;   
 
dx=-1;    
if(Math.random()>0.5)dx=1;    
dy=-1;    
if(Math.random()>0.5)dy=1;   
 
bx[ss]=bx[ss]+dx;
by[ss]=by[ss]+dy;
 
 
if(bx[ss]>100)bx[ss]=100;
if(bx[ss]<1)bx[ss]=1; 
if(by[ss]>100)by[ss]=100;
if(by[ss]<1)by[ss]=1;   
 
}
 
 
function paint(){
 
var sub=new svgpaint();
 
str="<svg width=\"500\" height=\"500\">";
 
for(s=1;s<number+1;s++){    
str=str+sub.rect(5*ax[s],5*ay[s],10,10,"red");
str=str+sub.rect(5*bx[s],5*by[s],10,10,"blue");
}
str=str+"</svg>";
 
$("#memo").html(str);   
 
}