二百行左右 還有一些小問題 **也比較亂 有待改正。
lang
="en"
>
>
charset
="utf-8"
>
name
="viewport"
content
="width=device-width, initial-scale=1.0"
>
>
documenttitle
>
>
.big
.small
.fen
style
>
head
>
>
class
="big"
id="big"
>
div>
class
="fen"
>
當前得分>
0span
>
div>
>
let big = document.
getelementbyid
("big");
for(i =
0; i <
25; i++)}
let fen;
let sw_h;
//食物的橫座標
let sw_l;
//食物的縱座標
let fens = document.
getelementsbytagname
("span")[
0];let ss =
functionsw(
)while
(document.
getelementbyid
("num-"
+ x +
"-"+ y)
.style.background ==
"red"
)//直到生成的座標盒子顏色不為紅色 停止迴圈
document.
getelementbyid
("num-"
+ x +
"-"+ y)
.style.background =
"blue"
; sw_h = x;
sw_l = y;
}function
xianxing()
else}}
fen =-1
;for
(key in ss)
}xianxing()
;sw()
;function
gameover()
}if(ss[0]
[0]>
24|| ss[0]
[0]<
0|| ss[0]
[1]>
24|| ss[0]
[1]<0)
else
}function
zhuo()
; ss[0]
=[ss[0]
[0], ss[0]
[1]-
1];//第一塊蛇身座標向左移動一格
if(ss[0]
[0]== sw_h && ss[0]
[1]== sw_l)
else
if(fen ==
624)
fens.innerhtml = fen -5;
//顯示得分
}function
you();
ss[0]
=[ss[0]
[0], ss[0]
[1]+
1];//第一塊蛇身座標向you移動一格
if(ss[0]
[0]== sw_h && ss[0]
[1]== sw_l)
else
if(fen ==
624)
fens.innerhtml = fen -5;
}function
shang()
; ss[0]
=[ss[0]
[0]-
1, ss[0]
[1]]
;//第一塊蛇身座標向shang移動一格
if(ss[0]
[0]== sw_h && ss[0]
[1]== sw_l)
else
if(fen ==
624)
fens.innerhtml = fen -5;
}function
xia();
ss[0]
=[ss[0]
[0]+
1, ss[0]
[1]]
;//第一塊蛇身座標向xia移動一格
if(ss[0]
[0]== sw_h && ss[0]
[1]== sw_l)
else
if(fen ==
624)
fens.innerhtml = fen -5;
}let kk;
let fs;
let kais =
setinterval
(zhuo,
390)
;function
kongzhi()
else}if
(event.keycode ==38)
else}if
(event.keycode ==39)
else}if
(event.keycode ==40)
else
} kk =
setinterval
(fs,
300);}
document.onkeydown = kongzhi;
script
>
body
>
html
>
貪吃蛇小遊戲
1 doctype html 2 html 3 head 4 title snake title 5head 6 body style text align center margih 100px background color aaaaaa 7 canvas id canv width 400 ...
JS小遊戲貪吃蛇 詳細注釋
執行 框 貪吃蛇綠色食物 灰色毒品 藍色滑板 紅色剎車 最高分 0 tips ie element.innertext ff element.textcontent setattribute cellpadding 0 在ie中無效,正確寫法cellpadding 一不小心就犯錯了 ff中,使用繫結...
C 貪吃蛇小遊戲
自學了幾天c 嘗試寫了乙個貪吃蛇小遊戲,比較詳細地做了注釋,實現 1 貪吃蛇基本功能 2 長按加速 3 計分板 xaml 及介面 namespace 貪吃蛇 新食物生成 public void newfoodgenerate 計時器每乙個計時週期內的時間處理程式 void timer tick ob...