貪吃蛇小遊戲

2022-05-15 18:38:49 字數 2057 閱讀 4981

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"

height

="400"

style

="background-color:gray"

>

8canvas

>

9<

script

>

10//

宣告變數

11var

box=

document.getelementbyid(

'canv

').getcontext('2d

');12var

snake;

13var

direction;

//1向右,-1向左,20向下,-20向上

14var

n;//

下次移動相關

15var

food;

16var

istrue;

17//

繪製地圖

18function

draw(point,color)

2223

(function

() () );

2425

function

ready()

28snake=[

66,65,

64];

29direction=1

;30food

=344;31

istrue

=true;32

draw(food,

"yellow");

33draw(66,

"#00b7ee");

34draw(65,

"#00b7ee");

35draw(64,

"#00b7ee");

36}3738

//核心演算法

39function

run()

47draw(n,

"#00b7ee");

48if

(n==

food)49;

51draw(food,

"yellow");

52}53else

56settimeout(arguments.callee,

200);

//每過200ms執行一次事件57}

5859

//新增鍵盤事件

60document.onkeydown

=function

(e)65

if(e.keycode

==40)66

}67if(direction

==20

||direction

==-20)70

if(e.keycode

==37)71

72}}}

7374

script

>

75<

div>

76<

button

id="butn"

type

="button"

onclick

="run()"

>開始遊戲

button

>

77div

>

78body

>

79html

>

1.將**複製入記事本;

2.開啟方式選擇瀏覽器開啟就可以了;

C 貪吃蛇小遊戲

自學了幾天c 嘗試寫了乙個貪吃蛇小遊戲,比較詳細地做了注釋,實現 1 貪吃蛇基本功能 2 長按加速 3 計分板 xaml 及介面 namespace 貪吃蛇 新食物生成 public void newfoodgenerate 計時器每乙個計時週期內的時間處理程式 void timer tick ob...

貪吃蛇小遊戲實現

index.html style.css mapindex.js tools.js 自呼叫函式傳入window的目的,是讓變數可以被壓縮 防止undefined重新命名,也可以被壓縮 function window,undefined 暴露tools給window window.tools tool...

貪吃蛇小遊戲2

基於linux的貪吃蛇小遊戲第二部 其實用c也是可以 今天我們先對按鍵的上下左右進行識別 我們需要用到乙個keypad來對特殊按鍵進行識別 void findkey 刪除函式 struct sanck del struct snack head p p pnext 上下左右的實現 在判斷鍵值的地方新...