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

DoubleLau發表於2018-11-14

前端工程

遊戲引擎: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名,按成就個數降序,即成就個數越多,排名越靠前;個數相同的,更新時間早的排名靠前
    • 更新邏輯:獲得新成就時 || 遊戲結束時,成就個數 > 目前儲存的成就個數,則更新
    • 我的排名:若有當前玩家的排名資訊,則在下方展示“我的排名”,內容包括名次、頭像、暱稱、成就個數
  • 返回按鈕
    • 點選返回到“開始頁面”

結語

後續會逐漸補充程式碼邏輯。

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

???戳我掃碼體驗???

相關文章