相信不少朋友都在朋友圈刷到过倒水杯游戏
玩过几关不知道,但你有没有想过你自己一个人也能做出来一款?
![]()
刚好今天腾讯发布了他们的首个全栈AI IDE
![]()
而我呢,前几天下载了亚马逊的AI IDE Kiro,号称是spec方式AI编程,替代vibe coding,替代Cursor,正好pk对比下,到底哪个好用
CodeBuddy
我的第一版需求:
如图,实现一个倒水游戏,主要规则类似汉诺塔。点击选中第一个瓶子, 然后再选中一个瓶子往其中倒水,只有相同颜色的水装满后, 瓶子可以被装进袋子里。 ![]()
我用了默认的设置模式,只输入了对话和图片。
然后,也太快了吧?!!
我只说完我的需求,它就嗖嗖嗖开干,大概10分钟告诉我好了
![]()
IDE左边就可以玩游戏,还给我部署到云端,并且给了二维码,可以发给朋友玩(原地址有安全bug,腾讯工作人员正在解决,我这个放到了cloudflare上,这是第四版本)
https://water-pouring-game.pages.dev/
不过玩着玩着我发现几个问题,可能也是我描述的问题,又改了三个版本:
我发现当我分类完之后,仍然停在level2,我再补充下规则:一瓶水可以倒4次,满了之后应该放在打包袋子里,当所有的水瓶都正确倒满后,这一level应该结束,生成下一个level生成的关卡中,我看倒六个瓶子,但只有四种水,每种水只有两格,装不满瓶子,所以我没有把瓶子装满过,检查下算法,修复问题满4个时应该给出满了的标识,不要用浅绿和深绿的颜色,分不清楚。我发现你生成的水并不能全部倒完,不是正确的关卡,比如有5个红色的,无法过关;并且当我并没有完全把水放到正确的瓶子时,也提示我过关了,检查下算法逻辑,修复问题除了简单点丑点,挑不出毛病了,更新部署上去也很简单。
代码实现也非常简洁,只有3个文件,很好维护
![]()
相信把ui我后边又用了plan模式,效果却不好,给我整上了node js,时间很漫长,如果遇到这种情况,需要告诉它用最简单的方式实现,不要上强度。
卡神总结了CodeBuddy的几个亮点:
1. 国际版,你懂的,目前可以用到Claude4,而且是免费。
2. 使用Plan mode模式,可以生成产品PRD、TRD、DRD,再用这些文档去生成网页,最后部署后端,真一站式服务。
3. 可以直接把Figma的设计稿,一键变成网页。
4. 集成了几个常用的设计组件库。
5. 科技针对页面部分Html元素进行自然语言样式微调。
6. 跟Minimax Agent一样,集成了后端,腾讯云开发CloudBase与Supabase,也就是说,纯小白也能搭后端了。
大家可以继续研究玩一玩,做一般的小游戏应该是没问题
Kiro
对比CodeBuddy的神速,Kiro更像一个训练有素的编程老鸟,先写需求文档,再出架构设计接口设计,然后拆分任务,最后实现
让我不禁非常期待,然后开始了漫长的等待和点击继续按钮
![]()
task经常中断,不知道是不是我网络问题,大概2小时之后,终于完成了
界面审美高了一个档次,但是,完全不能用!
项目文件多达20个,不是真正的前端工程师,真的搞不定了。
![]()
总结
如果你是个AI爱好者,没什么代码经验,那必须是CodeBuddy!
下一期我们拆解更复杂的拆螺丝游戏怎么用CodeBuddy实现!
![]()
回复【AI编程】,获取Kiro安装使用方法,送3个腾讯CodeBuddy邀请码!讨论研究AI编程、做游戏、开发应用。
我是刀哥,大厂架构师,出海创业者,深入研究AI工具和AI编程。关注我,了解更多AI知识!
特别声明:以上内容(如有图片或视频亦包括在内)为自媒体平台“网易号”用户上传并发布,本平台仅提供信息存储服务。
Notice: The content above (including the pictures and videos if any) is uploaded and posted by a user of NetEase Hao, which is a social media platform and only provides information storage services.