从逻辑底层重构,而非照搬 Demo

这门课解决的痛点很明确:很多初学者玩《羊了个羊》时觉得“规则简单”,但自己上手开发时,却在“如何判断两个方块能否消除”、“层级叠加关系如何计算”、“槽位已满时的边界情况”这类基础逻辑上反复踩坑。市面上的速成教程往往直接给你一个打包好的资源包,让你跑通就跑,导致你对 Cocos Creator 的核心节点树、事件冒泡机制、坐标系转换毫无感知,换个场景就废。

本课程从空项目开始,不假设你已知悉引擎的隐性行为。它强制你亲手处理“精灵与按钮”的交互差异,这意味着你必须理解 `event` 对象是如何传递的,以及 `addComponent` 之后组件的生命周期是怎样的。当你亲手写出“判断是否选中”和“判断两个元素块是否叠加”的逻辑时,你修补的不是一个游戏,而是对碰撞检测(Collision)和射线检测(Raycast)或坐标距离算法的理解空白。

关卡编辑器与微信接入的实战价值

课程后半段的含金量在于“自定义”和“发布”。单纯的单机小游戏只是练习,接入微信小游戏广告并配合关卡编辑器,才是通往商业闭环的关键一步。这里涉及到的能力缺口通常是:如何在运行时动态加载关卡数据?如何将本地构建与云端配置解耦?广告 SDK 的接入时机为何要在游戏初始化完成后而非启动瞬间?

通过内置的关卡编辑器模块,你需要学会设计一套数据结构来描述地图,这比死记硬背组件属性更能提升架构思维。同时,微信小游戏的接入部分会带你跨越平台适配的鸿沟,比如如何处理用户数据的持久化存储,以及如何合规地接入激励视频或插屏广告。这一步做完,你的作品才具备向市场交付的雏形。

学习路径建议与资料配合方式

**适合基础**:已有 Cocos Creator 基础语法认知(了解 Node、Component、Prefab 的概念),但不熟悉复杂交互逻辑实现的学习者。零基础者建议先补齐 TypeScript 基础再入场。

**建议先看顺序**:
1. **项目创建与 UI 交互(2-1 至 2-3)**:建立工程规范,理解 Canvas 节点层级。
2. **核心逻辑闭环(2-4 至 2-10)**:这是最枯燥也最重要的部分,涵盖点击事件、选中判断、叠加算法、删除动画。不要跳步,每一节都对应一个核心算法点。
3. **功能扩展与发布(2-11 至 2-13 及后续)**:引入多类型元素、刷新机制、关卡编辑器原理及微信广告接入。

**资料配合**:课程视频提供的是思路与代码骨架。请准备好 Cocos Creator 编辑器环境,务必跟随视频一步步敲代码,而非复制粘贴。对于“判断叠加”等难点,建议手动绘制流程图后再动笔。微信广告部分需提前注册好开发者账号,因为涉及 appId 配置,本地无法完全模拟真机环境。学完本章,你应该能独立解释:为什么我的方块点击后没有反应?如何避免多个方块同时选中导致的逻辑冲突?以及如何在微信开发者工具中预览并打包含广告的包。

课程目录

1-1 [课程简介] 成品展示和介绍 (17:13)
1-2 [课程简介] 介绍微信小游戏部分 (05:15)
2-1 [游戏开发] 创建项目 (09:40)
2-2 [游戏开发] 讲解精灵和按钮 (23:24)
2-3 [游戏开发] 添加植物的动画 (16:22)
2-4 [游戏开发] 创建脚本 (21:36)
2-5 [游戏开发] 添加屏幕点击事件 (20:35)
2-6 [游戏开发] 判断是否选中元素块 (13:54)
2-7 [游戏开发] 判断两个元素块是否叠加 (16:36)
2-8 [游戏开发] 修改碰撞范围 (19:57)
2-9 [游戏开发] 删除选中的元素块 (17:37)
2-10 [游戏开发] 添加点击元素块动作 (09:44)
2-11 [游戏开发] 添加不同种类的元素块 (14:04)
2-12 [游戏开发] 添加刷新功能 (16:12)
2-13 [游戏开发] 按数据坐标生成元素块 (22:40)
2-14 [游戏开发] 整理gameData数据 (18:14)
2-15 [游戏开发] 配置第一关数据 (07:43)
2-16 [游戏开发] 在底部添加元素块 (23:25)
2-17 [游戏开发] 刷新底部位置 (28:59)
2-18 [游戏开发] 添加底部元素块的动作 (15:46)
2-19 [游戏开发] 判断是否可消除元素块 (16:53)
2-20 [游戏开发] 添加消除动作 (19:50)
2-21 [游戏开发] 讲解移出道具_1 (15:38)
2-22 [游戏开发] 修复bug (23:41)
2-23 [游戏开发] 实现道具移出功能 (08:10)
2-24 [游戏开发] 实现道具撤回功能 (19:18)
2-25 [游戏开发] 判定游戏通关或游戏失败 (15:16)
2-26 [游戏开发] 游戏通关进入下一关 (08:42)
2-27 [游戏开发] 添加游戏失败界面 (12:37)
2-28 [游戏开发] 随机生成关卡数据 (20:09)
2-29 [游戏开发] 整理随机生成关卡数据 (08:11)
2-30 [游戏开发] 设置每个道具的个数 (11:37)
2-31 [游戏开发] 完善道具功能 (05:58)
2-32 [游戏开发] 添加游戏提示功能 (12:04)
2-33 [游戏开发] 添加游戏音效 (10:55)
3-1 [编辑器功能] 添加编辑的辅助点 (17:52)
3-2 [编辑器功能] 根据辅助点来添加元素块 (21:34)
3-3 [编辑器功能] 实现添加删除和清空功能 (30:24)
3-4 [编辑器功能] 优化编辑器功能 (23:16)
3-5 [编辑器功能] 完善编辑器功能 (28:01)
4-1 [接入微信小游戏广告] 发布微信小游戏 (07:04)
4-2 [接入微信小游戏广告] 添加微信Banner广告 (21:15)
4-3 [接入微信小游戏广告] 调整布局 (26:13)
4-4 [接入微信小游戏广告] 添加微信插屏广告 (07:39)
4-5 [接入微信小游戏广告] 添加激励视频广告 (20:19)
4-6 [接入微信小游戏广告] 添加分享功能 (14:56)