Cocos Creator - 微信小遊戲 實戰分享

前端工程

遊戲引擎：cocos creator v2.0.1

遊戲主域：big_brother --->>引擎打包生成--->>wechatgame

開放數據域：big_brother_wx_open_data --->>引擎打包生成--->>wechatgame-subcontext

遊戲測試運行環境：使用引擎分別打包主域和開放數據域，將wechatgame-subcontext放入wechatgame目錄下，使用微信開發者工具打開wechatgame。

手機微信體驗：將wechatgame目錄下的res文件夾上傳到開發機，本地打包目錄刪除res，手機連代理，指向res所在的開發機。（預覽要求工程包小於4m，因此res資源從包內刪除放到遠程）

遊戲邏輯

開始場景 main

業務功能

• 背景音樂，可經過音樂開關靜音
• 開始遊戲 跳轉到遊戲場景
• 成就查看
• 排行榜查看
• 獲取用戶基本信息
• 頁面動效

遊戲場景 game

業務功能

整個遊戲場景主要爲滑動卡牌答題的過程，其中新手引導、負債累累、後悔藥等引導類卡牌展現與問題卡一致，但滑走不出現答案。

• 金幣數
• 崩壞值
• 勢力值
• 問題卡
• 答案卡
• 成就彈層
• 分享續命
• 新手引導

結果場景 result

業務功能

• 成功結果
• 失敗結果（展現本局最高勢力百分比）
• 查看排行榜
• 分享給好友（不一樣結果分享圖不一樣）
• 從新開始遊戲
• 回到開始頁面

成就場景 reward

業務功能

• 展現成就列表
  • 未得到成就：灰度展現，文案「未得到」，點擊無效果
  • 已得到成就：點亮展現，文案爲得到時間，如「2018.9.9得到」，點擊展現成就大圖彈層
• 點擊已得到成就
  • 彈出成就大圖彈層，暫停背景音樂，播放成就音效，成就音效播放完畢後，繼續播放背景音樂
  • 保存圖片：保存到系統相冊
  • 分享好友：分享到羣
• 返回按鈕
  • 點擊返回到「開始頁面」

排行榜場景 rank

業務功能

• 巔峯榜
  • 展現邏輯：最多前16名，按年數升序，即成功時年數越少，排名越靠前；年數相同的，更新時間早的排名靠前
  • 更新邏輯：當遊戲結束時，贏得遊戲 && 年數 < 目前存儲的年數，則更新
  • 個人排名：如有當前玩家的排名信息，則在下方展現「個人排名」，內容包括頭像、暱稱、名次
  • 動效：榜中16人頭部迪斯科動效
• 長壽榜
  • 展現邏輯：最多前100名，按年數降序，即年數越長，排名越靠前；年數相同的，更新時間早的排名靠前
  • 更新邏輯：當遊戲結束時，年數 > 目前存儲的年數，則更新
  • 個人排名：如有當前玩家的排名信息，則在下方展現「個人排名」，內容包括名次、頭像、暱稱、年數
• 成就榜
  • 展現邏輯：最多前100名，按成就個數降序，即成就個數越多，排名越靠前；個數相同的，更新時間早的排名靠前
  • 更新邏輯：得到新成就時 || 遊戲結束時，成就個數 > 目前存儲的成就個數，則更新
  • 個人排名：如有當前玩家的排名信息，則在下方展現「個人排名」，內容包括名次、頭像、暱稱、成就個數
• 返回按鈕
  • 點擊返回到「開始頁面」

結語

後續會逐漸補充代碼邏輯。

歡迎你識別下面圖片連接中的小程序碼，體驗遊戲，期待你的寶貴意見。

👉👉👉戳我掃碼體驗👈👈👈