← 返回 AI少年团
示例作品 微信小游戏
AI 少年团 · 示例作品

全民搬砖 Cocos Creator 微信小游戏迁移示范

这是一份完整的、可做教学示范的小游戏工程示例。以经典放置合成为核心玩法,覆盖「主工程 + 开放数据域子域 + 分包资源」的完整结构, 并记录了从旧引擎版本迁移到 Cocos Creator 2.4.13 且可在 Web Mobile 直接预览的第一阶段成果。

合成放置 竖屏小游戏 微信开放数据域 Cocos Creator 2.x Web Mobile 预览
大
作者署名:大中老师
定位:示例工程 / 教学拆解 / 迁移示范

这份示范工程的目的,是帮助同学快速理解「一个能上线的微信小游戏到底是怎么搭起来的」:资源怎么组织、脚本怎么分模块、排行榜子域怎么接入、 以及旧版本 Cocos 工程迁移到新版本的处理思路。

游戏登录页
游戏主玩法界面:新手引导 + 合成放置
抓娃娃玩法页面
1
完整主工程结构

包含登录场景、主游戏场景、全局状态、30+ 业务脚本,以及音频、UI、Prefab、loading 等全部资源目录。

2
开放数据域子域

独立的 banzhuan_Sub 工程,负责微信好友排行榜画布,和主工程通过开放数据域协议解耦。

3
第一阶段迁移记录

从 2.4.3 → 2.4.13 的兼容改造要点:引擎模块裁剪恢复、废弃 API 移除、新手引导兼容、本地构建通过。

作品里包含了什么
主工程
  • 登录 / 加载流程
  • 金币放置 + 合成升级核心循环
  • 商店、签到、抽奖、设置
  • 看广告双倍加速
  • 离线收益 / 看台收益
  • 抓娃娃小游戏嵌入
平台相关
  • 微信登录调用位置(已标注)
  • openDataContext 子域配置
  • 资源分包:stage1 / stage2
  • 竖屏 750×1334 设计分辨率
  • 子域画布 680×900 排行榜
适合在教学里怎么用
  • 作为「从小 Demo 到完整项目」的对照:让同学理解“模块多了以后怎么组织工程”。
  • 拆解脚本分工:GlobalVar、screen、shop、sign、rank、viewer……一个个对应界面和功能。
  • 迁移记录 PHASE-1.md 可直接当作「老项目升级踩坑清单」讲给同学听。
  • 配合 Cocos Creator 打开后,可让同学直接改数值、换皮肤、加功能完成自己的版本。
💡 怎么体验这个游戏(没有直接在线玩?)

当前示例工程还没有单独发布 Web Mobile 构建产物,因此点进页面后不能直接玩。 下面 3 步即可在你自己的电脑上本地跑起来:

  1. 1
    下载工程包
    在下方资料区下载 quanmin-banzhuan-dazhong-source.zip,解压后能看到 banzhuan/ 主工程。
  2. 2
    打开 Cocos Creator 2.4.13
    用 其他项目 → 导入,选择解压后的 banzhuan/ 目录,引擎版本选 2.4.13。
  3. 3
    构建发布 → Web Mobile
    菜单栏:项目 → 构建发布,平台选择 Web Mobile,点击「构建并运行」即可在浏览器预览完整游戏。

如果你手头已经有构建好的 banzhuan/build/web-mobile/,把目录传给我,我可以直接挂一个可在线玩的版本。

资料 & 附件下载(示例工程打包)

下方会附上《全民搬砖》示例工程的打包链接(含主工程、开放数据域子域、迁移说明、预览壳)。 下载后可用 Cocos Creator 2.4.13 直接打开主工程 banzhuan/。