面向物件的編程思想（貪吃蛇梳理）
模擬貪吃蛇游戲，做的專案
地圖:
寬，高，背景顏色，因為小蛇和食物都是相對于地圖顯示的, 這里小蛇和食物都是地圖的子元素, 隨機位置顯示, 脫離檔案流的, 地圖也需要脫離檔案流--css需要設定:寬, 高, 背景顏色, 脫標
食物---div元素
elements--->存盤div的陣列(將來洗掉的食物div時候, 先從map中洗掉div, 再從陣列中移除div) 食物: 寬, 高, 背景顏色, 橫坐標, 縱坐標 一個食物就是一個物件, 這個物件有相應的屬性, 這個物件需要在地圖上顯示 最終要創建食物的物件, 先有建構式, 并且把相應的值作為引數傳入到建構式中 食物要想顯示在地圖上, 食物的初始化就是一個行為 1.食物的建構式--->創建食物物件 2.食物的顯示的方法-->通過物件呼叫方法,顯示食物,設定相應的樣式 2.1.1 因為食物要被小蛇吃掉,吃掉后應該再次出現食物,原來的食物就洗掉了 2.1.2 每一次初始化食物的時候先洗掉原來的食物,然后重新的初始化食物 2.1.3 通過一個私有的函式(外面不能呼叫的函式)洗掉地圖上的食物,同時最開始的時候食物也相應的保存到一個陣列中,再從這個陣列中把食物洗掉 最后的時候,把食物的建構式給window下的屬性,這樣做,外部就可以直接使用這個食物的建構式了小蛇
小蛇就是一個物件 屬性: 每個身體都有寬，高，方向 屬性: 身體分三個部分, 每個部分都是一個物件, 每個部分都有橫縱坐標, 背景顏色 小蛇要想顯示在地圖上,先洗掉之前的小蛇,然后再初始化小蛇(小蛇要移動)--方法 小蛇要移動---方法 思路: 把小蛇的頭的坐標給小蛇第一部分的身體,第一部分的身體的坐標給下一個部分身體 小蛇的頭, 需要單獨的設定: 方向轉載請註明出處，本文鏈接：https://www.uj5u.com/qiye/158307.html
標籤：JavaScript
上一篇：js判斷非127開頭的IP地址
下一篇：JS高級---新內容課程介紹