240行js貪吃蛇小遊戲

2021-10-08 12:41:27 字數 2997 閱讀 7036

二百行左右 還有一些小問題 **也比較亂 有待改正。

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...