JS 編寫貪吃蛇
工具/原料
JS
方法/步驟
1、分析專案需求
使用鍵盤的方向鍵控制蛇的運動方向並吃到相應的食物。
2、使用面向物件的思想分析貪吃蛇
面向物件的核心思想：把一個系統分解為若干個事務，每個事務就是一個類
分析貪吃蛇有哪些事務：
地圖
食物
蛇
3、確定專案的開發順序
① 地圖 ② 食物 ③ 蛇
4、定義地圖類
在Javascript中，任何一個類都存在兩部分：屬性和方法
定義地圖類：
屬性：
寬度 ：800px
高度 ：400px
背景顏色：灰色
定位方式：absolute（絕對定位）
方法：show方法
用於顯示地圖
定義window.onload方法，例項化地圖類
5、定義食物類
食物類也有自己的屬性和方法
屬性：
寬度：20px
高度：20px
背景顏色：green
定位方式：absolute
橫縱座標：預設0和0
方法：show方法
用於隨機顯示食物
例項化食物類並顯示在地圖中
演算法：隨機顯示食物座標
橫座標：Math.floor(Math.random()*40)
縱座標：Math.floor(Math.random()*20)
6、定義蛇類
屬性：
寬度：20
高度：20
定位方式：absolute
定義蛇節3節：使用陣列儲存蛇節，橫座標、縱座標（橫座標連續，縱座標相等），顏色
方法：show方法，用於顯示蛇節資訊
例項化Snake類，顯示蛇節資訊
7、讓蛇運動起來
使用定時器讓蛇運動起來
8、定義setDirect方法，判斷鍵盤鍵值並設定蛇的運動方向
9、判斷蛇是否吃到食物
如果蛇頭座標與食物座標完全重合，代表吃到食物
