Html實現貪吃蛇

2021-10-17 14:12:39 字數 1839 閱讀 9566

html實現貪吃蛇

//宣告變數

var box=document.

getelementbyid

('canv').

getcontext

('2d');

var snake;

var direction;

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

var n;

//下次移動相關

var food;

var istrue;

//繪製地圖

function

draw

(point,color)

(function()

());

function

ready()

snake=[66

,65,64

];direction=1;

food=

344;

istrue=

true

;draw

(food,

"yellow");

draw(66

,"#00b7ee");

draw(65

,"#00b7ee");

draw(64

,"#00b7ee");

}//核心演算法

function

run(

)draw

(n,"#00b7ee");

if(n==food)

;draw

(food,

"yellow");

}else

settimeout

(arguments.callee,

200)

;//每過200ms執行一次事件

}//新增鍵盤事件

document.

onkeydown

=function

(e)if

(e.keycode==40)

}if(direction==

20||direction==-20

)if(e.keycode==37)

}}}script

>

>

"butn"

type

="button"

onclick

="run()"

>

開始遊戲button

>

div>

body

>

html

>

這個是我之前在github上看到的,學習借鑑使用

實現貪吃蛇

貪吃蛇 1.它的移動我們採用頭部加乙個尾巴減乙個 2.我們將view的大小分成很多個格仔 3.蛇的移動是以乙個格仔為單位 created by administrator on 2016 10 11.public class gameview extends view public gameview...

c 實現貪吃蛇

include include include include include include include include include word square color 7 義方向 define key up 72 define key down 80 define key left 75...

canvas實現貪吃蛇

效果圖ps 這個只是思路,詳細可看 注釋 一 先把蛇畫出來 定義一下蛇的結構,用乙個陣列儲存一堆矩形,包含蛇頭 紅 和蛇身 灰 畫蛇 初始狀態 二 蛇能動 重點 蛇移動方式 自始至終都只有蛇頭在動 需要乙個儲存方向的變數 direction 根據方向進行移動,一次移動乙個格 根據按鍵改方向 三 隨機...