小程序模板網(wǎng)

微信小程序入門實(shí)例:2048

發(fā)布時(shí)間:2017-12-07 08:56 所屬欄目:小程序開發(fā)教程

實(shí)戰(zhàn)

看了微信小程序的開發(fā)文檔和熟悉了微信小程序的使用后,拿著名的2048小游戲練練手,做個(gè)DEMO玩玩。

IDEA

界面抽象如下:

[重新開始按鈕] [模式選擇] [用時(shí)(秒級)] [難度級別] 
時(shí)間條 
x x x x 
x x x x 
x x x x 
x x x x 
排行榜 
[[用戶圖][名字]] 分?jǐn)?shù) 模式 難度 用時(shí)

進(jìn)展

第一階段

趁著元旦小假期,從昨天晚上開始寫到今天晚上,完成了一個(gè)很簡單的初稿,主要是前端交互數(shù)據(jù)能夠傳輸?shù)讲呗阅K,2048策略模塊已經(jīng)完成最基本的游戲?qū)崿F(xiàn),剩下的就是UPDATE功能(游戲模式&游戲難度選擇)。 
這里寫圖片描述
目前前端略丑陋(我前端小菜),但已經(jīng)可以和策略模塊進(jìn)行交互了。 
已完成jobs: 
1. 微信小程序框架學(xué)習(xí); 
2. 部分組件學(xué)習(xí); 
3. 前端學(xué)習(xí)(類CSS樣式和類HTML); 
4. 2048游戲模塊game2048.js基本功能完成;

第二階段

主要是服務(wù)器端搭建和前端設(shè)計(jì)、游戲功能優(yōu)化 
已完成jobs: 
1. 前端布局和設(shè)計(jì);[high-2] 
2. 前端觸摸事件判定方向函數(shù),去除四個(gè)方向按扭;[high-0] 
3. 游戲模塊功能升級:難度選擇和模式選擇策略。[high-1] 
4. 排行榜前端展示實(shí)現(xiàn);[high-2] 
5. 排行榜服務(wù)器端接口實(shí)現(xiàn)(自己VPS);[high-1]

展示圖

圖1 
圖2

資料

小代碼開源:https://github.com/chenxilinsidney/wechatgame2048.git


易優(yōu)小程序(企業(yè)版)+靈活api+前后代碼開源 碼云倉庫:starfork
本文地址:http://www.u-renovate.com/wxmini/doc/course/18070.html 復(fù)制鏈接 如需定制請聯(lián)系易優(yōu)客服咨詢:800182392 點(diǎn)擊咨詢
QQ在線咨詢
AI智能客服 ×