零代码基础，用 AI 做小游戏：Claude Code 写逻辑 + WorkBuddy 美画面的惊喜之旅

先说结论

一个不会写代码的人，可以做出一款完整的小游戏。

切小猪正在微信小游戏平台审核中。核心逻辑用 Claude Code 搭建，画面优化靠的是腾讯 WorkBuddy。从构思到成品，全程只需动口提需求、动手给反馈。

以下内容，写给同样零代码基础、但想借助 AI 做点东西的朋友。

---

背景：与编程毫无交集

一个普通用户，日常工作生活跟代码没有任何关系。几个月前开始接触 AI Agent 工具，越用越觉得这些工具不只是能聊聊天，是真的能帮人“动手做东西”。

于是冒出一个念头：能不能用 AI 做个小游戏？

说干就干。注册微信小游戏&开发者账号，下载微信开发者工具，开始了这辈子第一次“写程序”——当然，全程都是 AI 在写，自己则在旁边靠各种“指令”驱动。

---

游戏设定：猪猪系列

正在制作一系列以猪为主角的小游戏：切小猪、弹小猪、推小猪、猪猪叠叠乐，还有一款叫宇宙合并的。

所有画面都是纯代码绘制的，没有使用任何图片素材。这意味着每只猪、每棵树、每个按钮，都是一行一行代码“画”出来的。业内称这种风格为 Canvas 手绘风格。

好处是不用找画师、不用买素材。坏处同样突出：画面好不好看，完全取决于代码写得到不到位。对一个不会写代码的人来说，这确实是种挑战。

---

第一阶段：Claude Code 搭起游戏框架

切小猪的核心代码（game.js 共1848行，外加6个模块），基本都靠 Claude Code 生成。

此前没用过 Claude Code，听说它能写代码，就试了一下。用法很简单：用大白话描述想要什么。

例如：“我要做一个水果忍者风格的游戏，主角换成猪。玩家用手指滑屏幕切猪，切到冲击波游戏结束，连击越高分数越高。”

Claude Code 随即一行一行生成代码。效果出人意料地好：

• 手指滑切猪的判定非常精准
• 猪从天上掉落的物理效果自然
• 分数系统、连击机制、难度递增都考虑到位
• 难度曲线设计合理，越往后越刺激

零基础的人，就这样拥有了一个能玩的游戏。

但问题也随之而来——画面确实不好看。

---

画面困境：调了好几天，越调越灰心

游戏做完后，在微信开发者工具里打开一看，老实说，有点失望。

猪的表情太呆板

所有猪从头到尾一个笑脸，不管快掉下去还是正在被切，表情毫无变化。让 Claude Code 帮忙改，改出来的效果……用一句话形容：猪好像在翻白眼。

说不清该怎么改，因为根本不懂代码里那些坐标、弧度参数的含义。只能一次又一次试：改一个数字，预览一下；再改一个数字，再预览一下。

切猪没有“爽感”

玩过水果忍者的人都懂，那个游戏之所以爽——切下去的瞬间，果汁飞溅、碎片四散、分数弹出来，一整套反馈让人欲罢不能。

切小猪呢？切了就切了。几个方块飞出去，分数冒出来，就结束了。干巴巴的，完全没有让人一直玩下去的冲动。

连击没感觉

10连击、20连击，画面上没有任何变化，只有分数数字变大了一点点。让 Claude Code 加个边框发光，加是加了，效果却像用荧光笔画了个框。

猪的种类太少

只有普通猪和冲击波猪两种，玩到第五分钟就觉得无聊。想加新猪，但每种猪都要设计外观、颜色、特殊效果，光想想就头疼。

那几天就在微信开发者工具和 Claude Code 之间来回切换：“帮我改一下猪的眼睛”，然后改了看，看了改，效率极低，一直达不到想要的效果。

说到底，不是 Claude Code 不好，而是自己根本不知道怎么描述“好看”。

---

转折点：偶然发现 WorkBuddy

有一天在腾讯云开发者社区逛帖子，看到有人介绍 WorkBuddy——腾讯出品的桌面 AI 助手，能直接读取电脑上的文件，还能帮忙修改。

刚开始以为，这不过是又一个 AI 聊天工具。但帖子里说它还能用于数据处理、写文档、改代码，于是下载下来试了试。

把切小猪的文件夹路径丢给它，说了这样一句：“帮我优化一下游戏画面。我要切水果的爽感，猪要有动态表情，连击要有视觉冲击力，最好再增加几种新的猪类型。”

然后就开始等待。

结果它改出来的东西，让人直接愣住了。

---

WorkBuddy 一次性完成8大优化

没有让它分步执行，仅用一段话说明了需求，它一口气全改了。来看看具体做了哪些事：

1. 猪猪会“表情管理”了

以前所有猪都是同一个笑脸。现在猪有了4种表情：

• 普通状态：微笑
• 快掉到底部时：惊恐脸（眼睛变大、嘴巴张开）
• 连击高了：酷炫脸（带点墨镜的感觉）
• 碰到冲击波附近时：愤怒脸

而且这些表情是动态切换的，不是固定不变。猪像是活了过来。

之前自己想了两天都设计不出来的效果，WorkBuddy 几分钟就给出了整套方案，而且效果很自然。

2. 连击时边框发光了

10连击以上，游戏画面边框会出现一层渐变发光，颜色随连击数变化——粉色、橙色、红色，越打越燃。

之前也让 Claude Code 加过边框效果，但那个就像拿荧光笔画了一条线。WorkBuddy 做的是真正的渐变叠加，还有呼吸式的明暗变化，质感完全不同。

3. 切猪有“汁水”了

这是最让人满意的地方。现在切猪的时候，会出现：

• 碎片飞散（每只猪切出来的碎片颜色各不相同，与猪本身的颜色呼应）
• 果汁粒子飞溅（大小不一、方向随机，还带重力往下落）
• 每种猪有自己的“内部颜色”

切下去那一刻的视觉反馈，真的有了点水果忍者的爽感。

4. 分数弹出有动画了

以前分数只是静态文字冒出来。现在是：

• 先弹跳放大
• 再缩回正常大小
• 最后往上飘走消失
• 同时伴随一圈向外扩散的冲击波

连击越高，分数文字越大，冲击波越明显。

5. 冲击波特效

这个效果之前根本没想过。每次切猪、每次大分数弹出，都会有一个淡蓝色的冲击波圈从切点向外扩散。看起来就像在水面丢了一颗石子。

加上之后，画面一下子有了“打击感”。

6. 新增3种猪

• 加速猪（绿色）
  ：掉得特别快，身上有速度线和闪电标记，看着就很急

• 分裂猪（紫色）
  ：切一刀变成两只小猪，身上有裂纹装饰，很有特色

• 护盾猪（银色）
  ：外面罩着一层光环，需要切两刀才能消灭，光环还有动画

每种猪不只是换个颜色，都有自己独特的视觉效果。从原本2种猪扩展到7种，玩起来丰富多了。

7. 切猪还能掉道具

随机掉落道具：磁铁、双倍分数、慢动作、护盾。道具是彩色圆形图标，在画面上有轻微的上下浮动效果，一眼就能注意到。

8. 颜色丰富但不杂乱

从6种颜色扩展到12种，但并非随意添加。WorkBuddy 选了一组饱和度高、互相搭配好看的颜色，保证了每只猪在画面中都容易辨认，整体又不显得杂乱。

---

前后对比一览

对比项	优化前	优化后
猪的表情	统一笑脸，从头笑到尾	4种动态表情，根据状态变化
切猪效果	几个方块飞出去	碎片 + 果汁粒子飞溅 + 内部颜色
分数显示	静态文字	弹跳缩放动画 + 冲击波
连击反馈	分数数字变大一点	边框渐变发光 + 冲击波 + 颜色升级
猪的种类	2种（普通、冲击波）	7种，各有独特视觉
配色	6色，偏单调	12色，丰富协调

如果自己动手调，可能还要折腾三五天都未必有这样的效果。关键在于，不知道怎么描述“好看”，只能一遍遍试错。WorkBuddy 一次性给出了整体方案，质感是协调的，不是东一块、西一块拼凑出来的。

---

零基础用 AI 做东西的几点体会

1. 别被“不会代码”吓住

以前觉得做游戏、做 App 是程序员的事，跟自己没关系。现在有了 AI Agent，只需要会描述需求，AI 来实现。不用懂代码具体怎么写，就像使用手机不需要懂操作系统原理一样。

2. 选对工具很重要

从实际使用来看，不同 AI Agent 各有擅长：

• Claude Code
  ：写游戏逻辑很强，碰撞检测、物理效果、状态机都处理得很好。但对“好不好看”这件事不太敏感。

• WorkBuddy
  ：对画面效果、视觉设计的理解更到位，而且能直接读取项目文件，修改更精准。

3. 跟 AI 说需求要具体

这一点最核心。

错误示范：“帮我优化画面”。
正确示范：“我要切水果的爽感，切下去要有果汁飞溅和粒子效果，猪要有动态表情，连击高了要有边框发光和冲击波。”

描述得越具体、越有画面感，AI 给出的结果就越接近真实预期。好比跟一个很能干的助手交代工作，说得越清楚，他做得越符合心意。

4. 不满意就让它改，多迭代

AI 给出的第一次结果往往不完美。不用怕，直接提意见：

• “这个颜色太暗了，调亮一点”
• “动画太快了，放慢0.5秒”
• “这只猪的护盾效果不够明显，再夸张一点”

一般迭代两到三轮，效果就会越来越好。

5. 先把核心功能做完，再管画面

这是踩过的坑。之前弹小猪的游戏，逻辑还没完善就开始调画面，结果后面改逻辑时画面又得跟着改，浪费了不少时间。

顺序应该是：逻辑跑通 → 功能完善 → 画面美化。骨架先搭好，再穿衣服。

---

零代码做小游戏的完整流程

总结一下整体流程，供感兴趣的朋友参考：

1. 想点子
   ：想一个简单好玩的游戏概念（比如“水果忍者但主角是猪”）

2. 注册开发者账号
   ：微信小游戏平台或抖音小游戏平台都可以，免费注册

3. 用 Claude Code 生成代码
   ：用大白话描述游戏规则和功能

4. 在开发者工具里测试
   ：看看能不能跑、逻辑对不对

5. 用 WorkBuddy 美化画面
   ：把项目文件夹给它，描述想要的视觉效果

6. 反复迭代
   ：不满意就改，直到满意

7. 提交审核发布
   ：完善后提交平台审核

整个过程不用写一行代码。需要的是：想象力、耐心，以及清楚自己想要什么。

---

写在最后

几个月前，大概谁也想不到自己能“做”一个游戏。不是游戏编辑器里拖拽拼出来的那种，而是真的有完整游戏逻辑、有精致画面效果的小游戏。

切小猪已经在微信小游戏平台审核中，画面效果比预想好太多。接下来打算用同样的方法，把弹小猪、猪猪叠叠乐、推小猪都逐一完善，一个一个发布。

只要有想法，愿意花时间跟 AI 沟通，它真的能将想法变成现实。

如果也想尝试，建议是：

别一上来就想做《王者荣耀》，先做一个能让自己玩得开心的切猪游戏。

一个人，两只 AI，一群猪猪。这就是属于一个小游戏的故事。

---

工具：Claude Code（写逻辑） + 腾讯 WorkBuddy（美画面）