關於Js實現貪吃蛇的移動的一些感想

2021-08-11 09:37:05 字數 819 閱讀 7661

基本思路;身體隨著頭的移動而移動。當頭部移動時,生成乙個新頭,新增到snake身體的第一位,然後彈出最後乙個元素(即尾部),就這樣不斷的進行變化,就實現了蛇的移動

**如下:(只給出移動部分的**)

/**

* 蛇的移動,主要的功能

*/self.move = function () ;

} else if (self.dir == down);

} else if (self.dir == left);

} else if (self.dir == right);

}// console.log(head.x, head.y, food.x, food.y);

if (newhead != null)

//當蛇的長度達達到25時,速度再次提公升50%

else if (self.snakelength == 25)

//當蛇的長度達達到55時,速度再次提公升50%

else if (self.snakelength == 55)

//當蛇的長度達達到100時,速度再次提公升50%

else if (self.snakelength == 100) else if (self.snakelength == 4)

//清除食物層

food.layer.clearrect(0, 0, wscreen, hscreen);

//重新生成乙個食物

food.init();

} else

if (self.i****())

}};

完整**:

JS實現簡單的遊戲貪吃蛇

doctype html html head meta charset utf 8 title document title head body body script 貪吃蛇 鍵盤的方向鍵,控制蛇的方向,碰撞食物,實現增加長度的效果,撞到牆壁或自身,遊戲結束 分析 地圖 提供邊界 食物 隨機出現,...

js貪吃蛇的詳細介紹

模擬貪吃蛇遊戲,做的專案 地圖 寬,高,背景顏色,因為小蛇和食物都是相對於地圖顯示的,這裡小蛇和食物都是地圖的子元素,隨機位置顯示,脫離文件流的,地圖也需要脫離文件流 css需要設定 寬,高,背景顏色,脫標 食物 div元素 elements 儲存div的陣列 將來刪除的食物div時候,先從map中...

JS實現的貪吃蛇遊戲完整例項

思想 1 設計蛇 屬性有寬 高 方向 狀態 有多少節 方法 顯示,跑 2 設計食物 屬性寬 高 3 顯示蛇 根據狀態向地圖裡加元素 4 蛇跑起來 下一節到前一節的位置,蛇頭根據方向變,刪除原來的蛇,新建蛇 當出界時,死亡,初始化 當蛇頭吃到自己的時候,死亡,初始化 5 食物被吃掉,蛇加一節,去掉原來...