貪吃蛇 js版 分享

2022-07-26 17:33:10 字數 628 閱讀 5785

在學習和總結n多前人的分享後,終於完成了js版-貪吃蛇的小遊戲,邏輯還算清楚、簡單。

此版主要是js編寫,稍用了canvas。

功能說明:鍵盤方向鍵控制,滑鼠控制,計分制,加速/減速,重置遊戲

簡要分析:1.)貪吃蛇本身是乙個 物件陣列(snake_array),

陣列中的每乙個物件代表了構成貪吃蛇的每乙個小格的左上角頂點座標(x,y),

蛇身就是利用canvas繪製了這些頂點座標所在的每乙個小格為白色。

2.)食物(food) 物件的x,y屬性分別代表了食物所在小格的左上角頂點座標,

並且是乙個隨機數,要注意的是 必須讓它隨機定位到畫布方格座標內。

3.)還有乙個關鍵點是蛇的運動。

本質上是在每次改變了蛇頭座標後用setinterval()呼叫繪製蛇身的方法,使重繪。

需要注意的是 每移動一格 相當於蛇頭snake_array[0]向前一格(注意移動方向),你還需將原蛇尾pop()掉,

同時記得在畫布中重繪為畫布色,不然,前台的介面是不能顯示移動效果的,只是增長。

就先說這麼多吧,其他的感興趣的 請祥看原始碼 ~_~

VC版貪吃蛇

此處,我感受到復用性的好處,將與顯示或平台無關的東西分裝在一起,如果能進一步抽象的盡量抽象,就可以充分發揮其復用性。具體的關於snake的設計,請參見我的部落格 c 版貪吃蛇遊戲 下面是vc下的遊戲介面截圖 在這裡說一下vc下與c 不同的及新家的東西。cpp view plain copy 引入庫 ...

pygame Python 版貪吃蛇

貪吃蛇是個非常簡單的遊戲,適合練手。先來看一下我的遊戲截圖 玩法介紹 回車鍵 開始遊戲 空格鍵 暫停 繼續 方向鍵 或 wsad 鍵 控制移動方向。食物分紅 綠 藍三種,分別對應 10 分 20 分 30 分,每吃乙個食物增加對應分值,每增加 100 分速度加快一級,沒有設定關卡,我玩到 1100 ...

Qt版貪吃蛇遊戲

qt版貪吃蛇遊戲 以下是windows 7下執行截圖 以下是ubuntu下執行截圖 我在windows下編寫好之後,將原始碼在ubuntu下重新編譯執行,就可以在ubuntu下執行,這也充分體現出qt一次編寫,到處執行的優勢。關於貪吃蛇遊戲的設計原理就不講了,具體可以參考我的部落格 c 版貪吃蛇遊戲...