<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="utf-8" />
<script src="sample.js"></script>
<script src="jquery.js"></script>
<script src="svgpaint.js"></script>
<title>music</title>
</head>
<body onload="sample()">
<p id="memo"></p>
<div>
<input id="but" type="button" value="右" />
<input id="d" type="button" value="決定" />
<input id="bu" type="button" value="下" />
</div>
</body>
</html>
var x = new Array();
var y = new Array();
var p = new Array();
var bx, by;
function sample(){
$("#but").click(function () {
strike();
});
$("#bu").click(function () {
strikex();
});
$("#d").click(function () {
sig();
});
tx = 0;
for(s=1;s<11;s++){
for(sx=1;sx<11;sx++){
tx = tx + 1;
x[tx] = s;
y[tx] = sx;
p[tx] = 0;
}}
bx = 5;
by = 5;
var timer;
var delay = 100;
var loop = function () {
paint();
clearTimeout(timer);
timer = setTimeout(loop, delay);
}
loop();
}
function sig() {
for (s = 1; s < 101; s++) {
h = 0;
if (bx == x[s]) h = h + 1;
if (by == y[s]) h = h + 1;
if (h == 2) p[s] = 100;
}
}
function strike() {
bx = bx + 1;
}
function strikex() {
by = by + 1;
}
function paint(){
var sub=new svgpaint();
str="<svg width=\"500\" height=\"500\">";
for(s=1;s<101;s++){
if(p[s]<50)str=str+sub.rect(50*x[s]-50,550-50*y[s],50,50,"red");
if(p[s]>50)str=str+sub.rect(50*x[s]-50,550-50*y[s],50,50,"blue");
}
str=str+sub.rect(50*bx-50,550-50*by,50,50,"green");
str=str+"</svg>";
$("#memo").html(str);
}
最終更新：2015年06月03日 02:10
