效果圖ps：這個只是思路，詳細可看**注釋
一、先把蛇畫出來
定義一下蛇的結構，用乙個陣列儲存一堆矩形，包含蛇頭（紅）和蛇身（灰）。
畫蛇（初始狀態）
二、蛇能動（重點）
蛇移動方式：自始至終都只有蛇頭在動
需要乙個儲存方向的變數(direction)
根據方向進行移動，一次移動乙個格
根據按鍵改方向
三、隨機投放食物
需要隨機食物的位置
需要判斷食物在不在蛇身上。
四、吃食物
判斷食物是否與蛇頭重疊
陣列加乙個元素（少刪除乙個元素就是加乙個元素）
生成新的食物
五、gameover
撞牆判定
裝自己判定
canvas 繪製貪吃蛇遊戲
分數記錄 let fraction 0 定義貪吃蛇的組成，方塊物件 class block 畫方法 draw 蛇類 class snake draw move if this.direction left if this.direction up if this.direction down 增加頭...
canvas 繪製貪吃蛇遊戲
分數記錄 let fraction 0 定義貪吃蛇的組成，方塊物件 class block 畫方法 draw 蛇類 class snake draw move if this.direction left if this.direction up if this.direction down 增加頭...
canvas 繪製貪吃蛇遊戲
let canvas document.getelementbyid canvas let context canvas.getcontext 2d 分數記錄 let fraction 0 定義貪吃蛇的組成，方塊物件 class block 畫方法 draw 蛇類 class snake draw ...