<head>
<meta charset="utf-8">
<title>侵略者</title>
<script src="jquery.js"></script>
<script src="sample.js"></script>
<script src="svgpaint.js"></script>
</head>
<body onload="sample()">
<div id="memo"></div>
<div>
<input id="but" type="button" value="ハンドル" />
</div>
</body></html>
var x = new Array();
var y = new Array();
var ball = new Array();
var bx = new Array();
var by = new Array();
var mode;
function sample(){
$("#but").click(function () {
strike();
});
faststep();
var timer;
var delay = 100;
var loop = function () {
move();
change();
if (y[1] < 3) faststep();
de();
paint();
clearTimeout(timer);
timer = setTimeout(loop, delay);
}
loop();
}
function strike(){
sx = 0;
for(s=1;s<101;s++){
if(ball[s]<50)sx=s;
}
if (sx > 0) bx[sx] = 50;
if (sx > 0) by[sx] = 0;
if (sx > 0) ball[sx] = 100;
}
function faststep(){
mode = 1;
tx=0;
for (s = 1; s < 6; s++) {
for (sx = 1; sx < 6; sx++) {
tx=tx+1;
x[tx] = 50 + 10 * sx;
y[tx] = 100-3* s;
}
}
for (s = 1; s < 101; s++) {
ball[s] = 0;
}
}
function de(){
for(s=1;s<101;s++){
if(by[s]>100)ball[s]=0;
}
}
function change(){
maxp=0;
for(s=1;s<26;s++){
if(x[s]>maxp)maxp=x[s];
}
minp=101;
for(s=1;s<26;s++){
if(x[s]<minp)minp=x[s];
}
if (mode == 2) mode = 3;
if (mode == 4) mode = 1;
h = 0;
if (mode == 1) h = h + 1;
if (maxp > 99) h = h + 1;
if (h == 2) mode = 2;
h = 0;
if (mode == 3) h = h + 1;
if (minp <2) h = h + 1;
if (h == 2) mode = 4;
}
function move(){
if(mode==1)dx=3;
if(mode==1)dy=0;
if(mode==2)dx=0;
if(mode==2)dy=-3;
if(mode==3)dx=-3;
if(mode==3)dy=0;
if(mode==4)dx=0;
if(mode==4)dy=-3;
for(s=1;s<26;s++){
x[s] = x[s] + dx;
y[s] = y[s] + dy;
}
for(s=1;s<101;s++){
by[s] = by[s] + 10;
}
}
function paint(){
var sub=new svgpaint();
str="<svg width=\"500\" height=\"500\">";
for(s=1;s<26;s++){
str=str+sub.rect(5*x[s],500-5*y[s],5,5,"blue");
}
for(s=1;s<101;s++){
if(ball[s]>60)str=str+sub.rect(5*bx[s],500-5*by[s],5,5,"red");
}
str=str+"</svg>";
$("#memo").html(str);
}
最終更新：2015年06月09日 02:31
