零代码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:对画面效果、视觉设计的理解更到位,而且能直接读取项目文件,修改更精准。
实际做法就是:Claude Code 搭框架写逻辑,WorkBuddy 美化画面做优化。
3. 跟 AI 说需求要具体
这一点最核心。
错误示范:“帮我优化画面”。
正确示范:“我要切水果的爽感,切下去要有果汁飞溅和粒子效果,猪要有动态表情,连击高了要有边框发光和冲击波。”
描述得越具体、越有画面感,AI 给出的结果就越接近真实预期。好比跟一个很能干的助手交代工作,说得越清楚,他做得越符合心意。
4. 不满意就让它改,多迭代
AI 给出的第一次结果往往不完美。不用怕,直接提意见:
- “这个颜色太暗了,调亮一点”
- “动画太快了,放慢0.5秒”
- “这只猪的护盾效果不够明显,再夸张一点”
一般迭代两到三轮,效果就会越来越好。
5. 先把核心功能做完,再管画面
这是踩过的坑。之前弹小猪的游戏,逻辑还没完善就开始调画面,结果后面改逻辑时画面又得跟着改,浪费了不少时间。
顺序应该是:逻辑跑通 → 功能完善 → 画面美化。骨架先搭好,再穿衣服。
零代码做小游戏的完整流程
总结一下整体流程,供感兴趣的朋友参考:
- 想点子:想一个简单好玩的游戏概念(比如“水果忍者但主角是猪”)
- 注册开发者账号:微信小游戏平台或抖音小游戏平台都可以,免费注册
- 用 Claude Code 生成代码:用大白话描述游戏规则和功能
- 在开发者工具里测试:看看能不能跑、逻辑对不对
- 用 WorkBuddy 美化画面:把项目文件夹给它,描述想要的视觉效果
- 反复迭代:不满意就改,直到满意
- 提交审核发布:完善后提交平台审核
整个过程不用写一行代码。需要的是:想象力、耐心,以及清楚自己想要什么。
写在最后
几个月前,大概谁也想不到自己能“做”一个游戏。不是游戏编辑器里拖拽拼出来的那种,而是真的有完整游戏逻辑、有精致画面效果的小游戏。
切小猪已经在微信小游戏平台审核中,画面效果比预想好太多。接下来打算用同样的方法,把弹小猪、猪猪叠叠乐、推小猪都逐一完善,一个一个发布。
AI Agent 让“不会代码”不再成为不做东西的理由。只要有想法,愿意花时间跟 AI 沟通,它真的能将想法变成现实。
如果也想尝试,建议是:从最简单的开始,先做一个能玩的东西,再慢慢迭代。别一上来就想做《王者荣耀》,先做一个能让自己玩得开心的切猪游戏。
一个人,两只 AI,一群猪猪。这就是属于一个小游戏的故事。
工具:Claude Code(写逻辑) + 腾讯 WorkBuddy(美画面)
来源:互联网
本网站新闻资讯均来自公开渠道,力求准确但不保证绝对无误,内容观点仅代表作者本人,与本站无关。若涉及侵权,请联系我们处理。本站保留对声明的修改权,最终解释权归本站所有。