Vibe Coding 做微信小游戏:引擎选型与 AI 美术实践

Posted by xyx on 2026-05-14
Words 5.2k and Reading Time 19 Minutes
Viewed Times

Vibe Coding 做微信小游戏:引擎选型与 AI 美术实践

引言

随着 Claude、Cursor 等 AI 编程助手的成熟,Vibe Coding(凭感觉编码:用自然语言驱动 AI 完成大部分代码工作)成为独立开发者的新姿势。在微信小游戏这个赛道,单人开发一款中等复杂度游戏的成本被进一步压缩——玩法层可以让 AI 写代码搞定,但还有两个绕不开的问题:用什么引擎?美术资产怎么办?

本文整理了在做微信小游戏选型时需要面对的几个核心问题:Unity 是否适合?Cocos Creator 和 LayaAir 怎么选?AI 时代的美术素材有哪些可用工具与可商用素材库?文末给出一套面向单人独立开发者的完整工作流推荐

微信小游戏引擎现状

主流的微信小游戏引擎主要有四个:Cocos Creator、LayaAir、Unity、Egret。其中 Egret 已经明显衰退,Unity 是从 PC/手游迁徙过来的,Cocos 和 Laya 则是原生面向 Web/小游戏的选手

近年来微信小游戏引擎市占率的粗略估算(基于行业观察与招聘市场,非官方数据):

引擎 2021 2023 2025 估算 趋势
Cocos Creator ~35% ~45% ~50% 持续上升
LayaAir ~30% ~25% ~20% 缓慢下滑
Unity(WX 适配) ~10% ~12% ~15% 重度 3D 在涨
Egret ~15% ~8% ~5% 明显衰退
自研 / 原生 / 其他 ~10% ~10% ~10% 持平

头部小游戏的引擎分布上,《咸鱼之王》《寻道大千》《菇勇者传说》《无尽冬日》等流水头部产品大多采用 Cocos;Unity 在 3D 重度品类(如《弹壳特攻队》)有一定份额;Laya 在早期 3D MMO 小游戏抢跑过一段,但近两年新案例明显减少

Unity 在微信小游戏的现状

微信官方提供了 Unity WebGL → 小游戏 的转换工具链(Instant Game Conversion、Unity WebGL Adapter),社区也有 WX-WASM-SDK,整条链路是通的,腾讯自家也有不少小游戏用 Unity 制作。但 Unity 在小游戏场景下有三个明显的痛点

包体限制是硬伤

微信小游戏的首包必须 ≤ 20MB(主包),整体建议控制在几十 MB 内。Unity 即便空项目导出 WebGL 也接近 20MB,必须做分包、资源 CDN、AssetBundle 热更才能上线。这部分工程量并不小

性能损耗

Unity → WASM → 小游戏渲染层有一层转译,中低端 Android 机型掉帧明显。涉及物理模拟、大量 Drawcall 的场景需要做大量优化才能跑得动

与 Vibe Coding 的冲突

Unity 的工作流是 Editor + C# + Inspector 拖拽。AI 在这套体系里能帮你写 C# 脚本,但场景搭建、Prefab 配置、动画状态机这些重度依赖编辑器 GUI 的环节,AI 很难”一句话生成”

相比之下,纯代码 + JSON 场景的引擎,对 AI 协作友好得多

Cocos Creator 介绍

Cocos Creator 是国产的 2D/3D 跨平台游戏引擎(厦门雅基软件),用 TypeScript/JavaScript 写脚本,是目前微信小游戏生态里市占率最高的引擎。可以理解为:Unity 的工作流 + Web 的技术栈——有可视化编辑器(场景、Prefab、动画),但代码层完全是 TS,导出小游戏天然零损耗

核心特性

  • 脚本语言:TypeScript(AI 最熟练的语言之一)
  • 场景与 Prefab:以 JSON 形式存储,人类可读,AI 可直接读写
  • 资源管线:基于文件系统直接管理,无二进制 meta 黑箱
  • 平台支持:微信/抖音/快手/支付宝小游戏、iOS/Android、Windows/Mac/Linux、Web/H5
  • 开源:核心引擎 MIT 协议
  • 商业模型:完全免费,无运行时抽成

结合 Vibe Coding 的优势

Cocos 在 AI 协作维度上对 Unity 形成代差优势:

维度 Cocos Creator Unity
脚本语言 TypeScript(AI 最擅长) C#(也行,但生态弱一截)
场景文件 JSON(AI 可直接读写生成) 二进制 / YAML(AI 难解析)
Prefab JSON 结构 二进制
资源管线 文件系统直接管理 Editor 内部 meta,AI 摸不到
项目结构 纯文本 + 资源 强依赖 Editor GUI

关键差异是:AI 可以直接生成完整的场景文件、Prefab、组件脚本,开发者只需要在编辑器里点一下”刷新”就能看到效果。Unity 里 AI 写完 C# 还需要手动在 Inspector 里拖引用,而 Cocos 可以全代码化装配

结合微信小游戏的优势

  • 官方一等公民:微信小游戏导出选项里直接有”微信小游戏”目标
  • 包体小:空项目导出主包 2-3MB,比 Unity 小一个数量级,首包 20MB 限制完全不慌
  • 分包 / CDN 一键化:编辑器里勾选即可,资源远程加载、热更 Bundle 都是原生支持
  • 真机调试:直接连微信开发者工具,断点、Profiler 都能用
  • 底层性能:C++ 编译到 WASM + 自研渲染管线,对低端安卓友好

Unity vs Cocos 全方位对比

图形与渲染

维度 Unity Cocos 胜者
3D 渲染管线 URP / HDRP,工业级 自研管线,够用 Unity 完胜
光照系统 实时 GI、烘焙、光照探针全套 基础光照 + 简单烘焙 Unity
Shader 生态 Shader Graph + 海量资源 需手写 GLSL/Effect Unity
后处理效果 30+ 内置效果 基础几种 Unity
2D 能力 后期补的,能用 原生 2D,更顺手 Cocos

3D 画面 Unity 领先 2-3 个代差,但 2D 场景反而是 Cocos 更舒服

包体大小(小游戏场景)

场景 Unity WebGL Cocos Creator
空项目主包 15-20 MB 2-3 MB
含基础玩法 30-50 MB(需重度分包) 5-10 MB

微信小游戏首包硬限制 20MB,意味着 Cocos 几乎零压力,Unity 需要花大量精力做瘦身

平台支持

平台 Unity Cocos
Windows/Mac/Linux 支持 支持
iOS/Android 支持 支持
微信小游戏 能导出,坑多 原生一等公民
抖音/快手/支付宝小游戏 第三方工具 官方支持
PS5/Xbox/Switch 支持 不支持
VR/AR 支持 不支持

商业风险

2023 年 Unity 曾推出”按安装次数收费(Runtime Fee)”政策,后续虽撤销,但让很多小游戏团队迁移到了 Cocos。这是个真实的商业信任问题——而 Cocos 完全免费且无运行时抽成

选型决策

场景 推荐 理由
微信小游戏(2D) Cocos 没有任何理由选 Unity
微信小游戏(3D 轻量) Cocos 包体、性能、官方支持都赢
微信小游戏(3D 重度) Cocos 勉强 / Unity 折腾 都难,但 Cocos 坑少
跨平台 3D 手游(独立 App) Unity 画面、性能、跨平台优势大
主机 / VR / 大作 Unity Cocos 不在赛道
Vibe Coding 项目 Cocos AI 协作体验领先一个时代

一句话:Unity 是航母,Cocos 是快艇。打跨洋战争选 Unity,在小游戏的浅海里灵活作战 + AI 协同,选 Cocos

Cocos vs LayaAir 对比

Cocos 和 LayaAir 其实非常像:都是国产、都用 TS、都是 2D+3D 一体、都是微信官方推荐。但近两年差距逐渐拉开

技术与生态对比

维度 Cocos Creator LayaAir 胜者
公司状况 雅基软件,融资充足,团队稳定 蓝亚盒子,经历过裁员/动荡 Cocos
版本迭代 3.x 持续更新,3.8/3.9 活跃 3.x 节奏放缓 Cocos
2D 性能 优秀 略优(早期 Flash 基因) Laya 略胜
3D 性能 3.x 后大幅追上 早期 3D 跑得早 打平
文档质量 中文文档完善,更新及时 文档有,更新慢 Cocos
社区活跃度 论坛、B站、QQ群活跃 社区萎缩明显 Cocos
商业案例 头部案例多 早期案例多,近年较少 Cocos
招聘市场 Cocos 岗位约为 Laya 的 2-3 倍 - Cocos

对 Vibe Coding 的影响

维度 Cocos Laya
TS 支持
场景文件 JSON(清晰) JSON(结构稍复杂)
AI 训练数据 多(GitHub 项目、教程多) 少(社区萎缩导致)
LLM 熟练度 更熟 一般

因为 Cocos 的开源项目、教程、技术文章数量是 Laya 的数倍,LLM 对 Cocos 的”知识量”显著更高。让 AI 写 Cocos 组件的出错率明显低于 Laya,这点对 Vibe Coding 非常关键

结论

2025 年开新坑做微信小游戏,Cocos 是默认选项,Laya 只在特定历史包袱(如团队已有 Laya 栈)下才考虑。三年前 Cocos / Laya 还是五五开,现在已经是 7:3 甚至 8:2 的局面

Cocos 能做什么样的游戏

回答两个常见疑问:

模拟开坦克类游戏

完全可以做:

  • 2D 俯视角坦克(类似经典坦克大战):非常轻松,几百行代码
  • 3D 坦克对战(World of Tanks 简化版):Cocos 3.x 的 3D 能力包括 PBR 材质、骨骼动画、物理引擎(内置 bullet / box2d)
  • 难点不在引擎,在美术资源网络同步(如果要联机)

跑跑卡丁车类游戏

可以做,但需要降级预期:

  • 3D 赛道、卡丁车模型、漂移物理、道具系统:可以做
  • 单机模式、AI 对手:可以做
  • 简单联机(3-8 人房间):可以做
  • 端游级别的画面(实时光照、复杂后处理、大量粒子):小游戏机型扛不住
  • 大世界、复杂地形:包体爆炸
  • 强实时联机(< 50ms 延迟):微信网络层有限制

结论:能做出“小游戏版跑跑卡丁车”,画面接近 PS2 或早期手游水平,玩法可以做到 80% 还原。真正 1:1 复刻 PC 端游,任何小游戏引擎都做不到

Cocos 的游戏类型适配光谱

类型 适配度 例子
2D 休闲 / 益智 / 消除 极佳 千千万万的休闲小游戏
2D 卡牌 / Roguelike 极佳 杀戮尖塔类
2.5D / 俯视角 ARPG 极佳 弓箭传说类
3D 跑酷 / 放置 / 模拟经营 优秀 地铁跑酷类
3D 竞速 / 射击(轻量) 良好 跑跑卡丁车简化版、坦克对战
3D MMO / 大型开放世界 不推荐 -

AI 美术资产工作流

引擎选型解决之后,单人独立开发者面临的下一个大问题是:美术资产怎么搞。Vibe Coding 解决了代码层,但美术资产目前还达不到代码那样”一句话出活”的水平,特别是要做到风格统一、可商用。下面这套工作流可以让一个人扛起一个小型美术团队的活

风格统一的核心难题

AI 美术最大的坑:单张图都好看,10 张放一起像 10 个游戏。三个层级的解法(从易到难):

  • Level 1:MJ sref / cref。在 Midjourney prompt 中加入参考图 URL(--sref),所有资产都带同一个 sref,风格相似度立刻提升 70%
  • Level 2:训练专属 LoRA / Scenario 模型。准备 15-30 张风格一致的参考图,上传到 Scenario.gg 或本地训 SDXL LoRA,之后所有资产都走这个模型
  • Level 3:建立资产规范。锁定色板(5-7 个主色)、锁定视角(俯视 45°? 正侧?)、锁定光照方向(左上 30°?),写进 prompt 模板每次复用

2D 图像生成工具

工具 优势 劣势
Midjourney V6/V7 综合质量最高,风格化强 不能本地部署
Flux.1 (Schnell/Pro) 开源,质量逼近 MJ 需 ComfyUI 折腾
Stable Diffusion + LoRA 可控性最强,可锁风格 学习成本高
GPT-4o 图像 理解力强,能听懂复杂需求 风格不够极致
Recraft V3 矢量 + 文字渲染强 适用面窄
可灵 / 即梦 国产,中文 prompt 友好 商用条款需看清

像素 / 卡通风格小游戏最常用的几个:

  • PixelLab.ai:像素风专用,支持生成角色 + 动画帧
  • Retro Diffusion:SD 的像素 LoRA
  • Scenario.gg:游戏素材专用平台,可训练专属风格模型
  • Leonardo AI:内置游戏 preset

3D 模型生成工具

2024-2025 年是 AI 3D 模型生成进步最大的一年:

工具 能力 评价
Meshy 文本/图片 → 3D 模型 + 贴图 + 骨骼 最主流,质量好
Tripo3D 国产,速度极快 性价比之王,5 秒出模型
Rodin (Hyper3D) 高质量 3D 角色 商用质量最佳之一
TRELLIS 微软开源,本地跑 免费但要 GPU
Luma Genie 视频/图片 → 3D 适合道具、场景物件

现实预期:

  • 简单道具(武器、家具、装饰):AI 完全能用
  • 角色模型:能出形但拓扑乱,要手动重拓扑才能做动画
  • 复杂场景:拼装思路,AI 出零件、在 Blender 里组装

动画工具

工具 用途
Mixamo(Adobe 免费) 3D 角色骨骼动画库,几百个免费 mocap
Cascadeur AI 辅助物理动画
DeepMotion / Move.ai 视频转动作(手机录一段即可)

3D 角色动画首选 Mixamo,免费且 Adobe 官方持续维护,跑/跳/攻击/死亡几百套现成动画,Cocos 直接支持 FBX 导入

音效与 BGM

工具 用途
Suno V4 BGM 生成,能指定风格 + 长度
Udio BGM 替代品
ElevenLabs Sound Effects 音效生成(爆炸、脚步、UI 反馈)
Stable Audio 开源音乐生成
Mubert 循环 BGM 专用

完美组合:Suno 出 BGM + ElevenLabs 出音效,音频部分可以 100% AI 化

后处理工具

AI 出图只是第一步,后处理决定能不能用:

工具 作用
rembg / Remove.bg 自动抠图(透明背景)
Upscayl AI 放大(小图放大不糊)
TexturePacker 打包 spritesheet 给 Cocos
Photopea 网页版 PS,免费
Blender 3D 模型修整、重拓扑、烘焙
Aseprite 像素图编辑 + 帧动画

可商用素材库

AI 不是万能的,老牌素材库该用还得用。特别是要做商业项目,版权合规至关重要

协议快速入门

协议 含义 商用 署名
CC0 公共领域,等于”完全送你了” 不需要
CC BY 可商用,但要署名作者 需要
CC BY-SA 可商用,署名,衍生作品也要开源 慎用 需要
CC BY-NC 不可商用 -
MIT / Apache 代码常用,资产偶尔用 通常需要
OFL 字体专用 看条款
Royalty Free 一次付费/免费,永久可商用 看条款

首选 CC0:省心、零风险、不用署名

综合素材库

站点 特点 协议
Kenney.nl 独立游戏圣经,2D/3D/音效/UI 全套 CC0
OpenGameArt.org 老牌开源素材社区 多种(看每个资产)
itch.io Game Assets 海量独立资产,免费+付费 看每个资产
Craftpix.net 高质量 2D 游戏素材 Royalty Free
GameDev Market 类似 Asset Store Royalty Free

Kenney.nl 是独立开发者必须收藏的站点。所有素材全部 CC0,包括 2D 角色、3D 低面数模型(坦克、车辆、武器、家具、人物)、像素风/卡通风/低多边形风格、音效包(UI、爆炸、脚步、武器)、字体。做坦克游戏直接有 Tanks PackBattle Pack;做卡丁车游戏直接有 Racing KitCar Kit

3D 模型库

站点 特点 协议
Poly Pizza Google Poly 继承者,低面数模型 CC0 + CC BY
Kenney 3D Packs 卡通低面数 3D CC0
Quaternius 大量 CC0 低多边形模型 CC0
Sketchfab Free Section 高质量 3D,筛选 Downloadable + CC 看具体
CGTrader / TurboSquid 商业 3D Royalty Free

独立开发者首选组合:Quaternius + Poly Pizza + Kenney,CC0 风格统一,做小游戏完全够用

音效与音乐

站点 特点 协议
Freesound.org 最大音效库 多种 CC(筛 CC0)
Zapsplat 大量音效 免费可商用(需署名)
Pixabay Sound Effects CC0,简洁好用 Pixabay License(≈CC0)
Sonniss GDC 每年 GDC 免费送 50GB+ 业界级音效 商用免费
Kenney Audio 小巧好用 CC0
Pixabay Music CC0,质量参差但有好的 Pixabay License
Incompetech(Kevin MacLeod) 独立创作者最常用 CC BY(要署名)
Free Music Archive 老牌免费音乐库 多种 CC

Sonniss GDC 强烈推荐:每年发的免费音效包加起来几百 GB,业界顶级品质,永久商用免费,独立开发者天降福利

动画

站点 特点 协议
Mixamo(Adobe) 3D 人形动画库,几百个 mocap 商用免费
itch.io 2D Animations 2D 帧动画 看具体

字体

站点 特点 协议
Google Fonts 全部商用免费,1000+ 字体 OFL/Apache
思源黑体 / 思源宋体 中文必备(Adobe + Google) OFL
阿里巴巴普惠体 中文免费商用 阿里巴巴免费商用协议
OPPO Sans / HarmonyOS Sans 中文免费商用 厂商免费协议

中文字体的坑:方正、汉仪、华康等商业字库默认不可商用,用错会被律师函警告。坚持只用上面这几个免费商用的中文字体

国内素材库的坑

爱给网、觅元素、千图、摄图等国内素材站普遍套路是标”免费下载”但商用要单独付费会员,用前一定看清授权范围,否则纠纷风险高于海外站

单人小游戏的完整工作流

以做一款 2.5D 俯视角坦克对战小游戏为例,给出一套参考工作流

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
1. 风格定锚(1-2 小时)
Midjourney 出 20 张概念图 → 挑 3-5 张最满意的 → 提取风格关键词

2. 训练风格模型(半天)
Scenario.gg 上传参考图 → 训练专属模型

3. 批量生产 2D 资产(2-3 天)
坦克立绘 / UI / 图标 / 背景 → 用专属模型出
→ rembg 去背景 → TexturePacker 打包

4. 3D 模型(1-2 天)
优先 Kenney Tanks Pack / Quaternius Military Pack
不够的用 Tripo3D / Meshy 出 → Blender 简化网格 → 导出 FBX

5. 动画(半天)
3D:Mixamo 套用现成动画
2D:手动 + AnimateDiff 辅助

6. 音频(半天)
Suno 出 4-5 首 BGM(战斗、菜单、胜利、失败)
ElevenLabs 出 20-30 个音效
Sonniss GDC 包里挑底层音效(爆炸、履带)

7. Cocos 集成
全部导入 Cocos,用 Vibe Coding 装配场景与逻辑

单人 1-2 周可以出完整美术资产包,质量达到中等水平小游戏标准

最小成本启动套餐

工具 月成本
Midjourney 基础版 $10
Suno Pro $10
ElevenLabs Creator $5
Tripo3D / Meshy 入门 免费额度
Kenney / Quaternius / Mixamo 免费
Photopea / Blender / rembg 免费
Claude / Cursor 已订阅
合计 约 $25-50 / 月

合规与最佳实践

商用合规检查清单

每次下载素材,强制问自己 3 个问题:

  • 协议是什么?(CC0 / CC BY / CC BY-NC / 商业等)
  • 需要署名吗?(CC BY 系列都要,列在游戏 credits 页面)
  • 能修改吗?(部分协议不允许修改后商用)

建议项目根目录建一个 ASSETS.md 文件,记录每个资产的来源 + 协议 + 是否署名,将来上线、审计、纠纷都有据可查

AI 工具的商用授权

工具 商用是否安全
Midjourney 付费版 安全(Standard/Pro 商用 OK)
Suno 付费版 安全(Pro 商用 OK)
ElevenLabs 付费版 安全(Creator+ 商用 OK)
Stable Diffusion 本地 安全(完全你的)
Meshy / Tripo 付费版 安全(看订阅级别)
Mixamo 安全(Adobe 免费商用)
Kenney.nl 安全(CC0 完全自由)
国产 AI(部分) 看清条款,免费版常不能商用

强烈建议:商业项目全部用付费版,几十美金月费换合规无忧

不追求 100% AI 化

独立开发者最高效的姿势:

AI 生成 70% + 手动调整 20% + 现成素材 10%

完全 AI 生成的资产通病是”塑料感”,玩家一眼能看出。手动改几下、调调色、加点细节,质感立刻上来。配合 Kenney 这类高质量 CC0 素材打底,整体表现会比纯 AI 强很多

总结

回到开篇的几个问题:

  • Unity 适合微信小游戏吗? 能用但坑多,2D / 轻 3D 完全没必要,重度 3D 才有机会发挥
  • Cocos vs Laya 怎么选? 新项目闭眼选 Cocos,引擎活跃度、社区、商业稳定性、AI 训练数据全面领先
  • Cocos 能做坦克 / 卡丁车吗? 能,质量对标 PS2 - 早期手游水平
  • AI 美术怎么做? 用 Midjourney/Flux 出 2D,Meshy/Tripo3D 出 3D,Mixamo 套动画,Suno + ElevenLabs 做音频,Kenney 兜底,Scenario 锁风格
  • 可商用素材怎么选? 首选 CC0(Kenney、Quaternius、Poly Pizza、Pixabay、Sonniss),付费选 Midjourney/Suno 等明确商用授权的工具

Vibe Coding 时代的微信小游戏开发已经不是”两三个人的工作量”,而是一个人 + 一套工具链 + 一两周时间就能起步的事情。引擎选 Cocos、美术走 AI + CC0 素材库、代码交给 Claude / Cursor,这是 2025 年单人独立游戏开发者的最佳实践

参考文献