1. 游戲介紹
現在開始學編程的，基本上都過手機游戲2048吧，那么這個游戲的玩法相信很多人都熟悉，我在這里再給大家回顧下吧，
1.1 游戲規則
每次控制所有方塊向同一個方向運動，兩個相同數字的方塊撞在一起之后合并成為他們的和，每次操作之后會在空白的方格處隨機生成一個2或者4，不斷的組合讓分數提高，在手機上有分數排行榜，那些大佬的分數真的令人嘆服，如果16個格子全部填滿并且相鄰的格子都不相同也就是無法移動的話，那么恭喜你，gameover，
1.2 游戲基本原則
1. 最大的數一定要放到角落
2. 數字要按順序緊鄰排序
3. 保證最大數和次大數那一行/列是滿的
這就是我給新手玩家分享的經驗，遵守這幾個規則，可以保證達到幾萬分的水準，
1.3 主要實作功能
然后就要來分析一下我們需要實作的功能了：
1. 初始化界面，并且隨機生成兩個數字為2或者4的格子
2. 方塊移動和合并適合的效果，方塊的顏色要隨著值的改變而改變
3. 判斷在某個方向上是否可以移動，不能移動就不變化
4. 在后續生成亂數字的時候判斷是否還有空間，有則生成下一塊，沒有則判斷四個方向是否都無法移動，都滿足時提示gameover并結束游戲
5. 在任意兩個格子合并后，分數都要加上值為合并后格子的值
6. 判斷每個格子移動到什么位置，會不會合并
實作思路：
用向右方向移動為例，先判斷格子是否能夠向右方向移動，如果可以，回圈每一個格子，如果這個格子的值不為0，遍歷格子右側的元素，判斷落腳的位置是否為空以及落腳位置的數字是否和本來的數字相等 ，如果落腳的位置為空 && 中間沒有障礙物，更新樣式，將落腳位置格子的值設為移動格子的值，原格子值設為空，如果落腳位置的數字和本來的數字相等&& 中間沒有障礙物，更新樣式，將落腳位置格子的值設為移動格子值與落腳位置格子值相加后的值，原格子值設為空，
1.4 使用技術
HTML
CSS
JavaScript
jQuery
Vue
我準備做三個版本的，原生JavaScript版、jQuery版以及Vue版，
這也是第一次做錄音視頻，講的不好的地方大家見諒，
轉載請註明出處，本文鏈接：https://www.uj5u.com/qiye/261689.html
標籤：其他