Cocos Creator - 微信小游戏 实战分享

3,948 阅读3分钟

前端工程

游戏引擎: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名,按成就个数降序,即成就个数越多,排名越靠前;个数相同的,更新时间早的排名靠前
    • 更新逻辑:获得新成就时 || 游戏结束时,成就个数 > 目前存储的成就个数,则更新
    • 我的排名:若有当前玩家的排名信息,则在下方展示“我的排名”,内容包括名次、头像、昵称、成就个数
  • 返回按钮
    • 点击返回到“开始页面”

结语

后续会逐渐补充代码逻辑。

欢迎你识别下面图片链接中的小程序码,体验游戏,期待你的宝贵意见。

👉👉👉戳我扫码体验👈👈👈