1. 程式人生 > >微信小程式:2048小遊戲

微信小程式:2048小遊戲

實戰

看了微信小程式的開發文件和熟悉了微信小程式的使用後,拿著名的2048小遊戲練練手,做個DEMO玩玩。

IDEA

介面抽象如下:

[重新開始按鈕] [模式選擇] [用時(秒級)] [難度級別]
時間條
x x x x
x x x x
x x x x
x x x x
排行榜
[[使用者圖][名字]] 分數 模式 難度 用時

進展

第一階段

趁著元旦小假期,從昨天晚上開始寫到今天晚上,完成了一個很簡單的初稿,主要是前端互動資料能夠傳輸到策略模組,2048策略模組已經完成最基本的遊戲實現,剩下的就是UPDATE功能(遊戲模式&遊戲難度選擇)。
這裡寫圖片描述


目前前端略醜陋(我前端小菜),但已經可以和策略模組進行互動了。
已完成jobs:
1. 微信小程式框架學習;
2. 部分元件學習;
3. 前端學習(類CSS樣式和類HTML);
4. 2048遊戲模組game2048.js基本功能完成;

第二階段

主要是伺服器端搭建和前端設計、遊戲功能優化
已完成jobs:
1. 前端佈局和設計;[high-2]
2. 前端觸控事件判定方向函式,去除四個方向按扭;[high-0]
3. 遊戲模組功能升級:難度選擇和模式選擇策略。[high-1]
4. 排行榜前端展示實現;[high-2]
5. 排行榜伺服器端介面實現(自己VPS);[high-1]

展示圖

圖1
圖2

資料