在Trae中的一次无心对话，竟然做出了消消乐游戏
在Trae中的一次无心对话，竟然做出了消消乐游戏
在Trae中的一次无心对话，竟然做出了消消乐游戏 在Trae中的一次无心对话，竟然做出了消消乐游戏 Modified September 11, 2025 尝试把这些一起给Trae，试试开发效果： 一顿操作猛如虎，尝试了2个小时，中间回滚多次在多个节点调整，却始终未能实现预期效果。 我开始反思如何简化快速一步一步完成开发，于是决定把功能缩减一下：在主页放置五个主题按钮，游戏页面增加难度控制，并显示被消除的 emoji 图标及其中英文名称。这次，开发过程异常顺利，各项功能很快就完成了。 😆 体验地址： https://pipipeter.github.io/match3/ 开发回顾 之前看黄叔的《AI编程蓝皮书》自学，地址：AI编程蓝皮书（更新DeepSeek R1接入/硅基流动4000w tokens 赠额），跟着文档操作没遇到什么bug，这次自己全程开发，遇到不少问题，主要感受： 1. 1. 面对复杂需求，最好将其拆分成一个个小需求，逐一实现； 2. 2. 每次更新完代码，需要查看文档结构和代码是否合理。如果多个功能放在一个文件里，代码过长，一旦出现 bug，排查起来会非常困难，这时可以考虑将功能拆分到多个文件中； 3. 3. AI很多时候可以提供很有创意的想法，和他多聊下会有新发现去优化方案。 😆 想学AI编程的伙伴快来Waytoagi社区吧，“AI 编程从入门到精通 Build on Trae”的共学正在进行中，地址：https://www.waytoagi.com/ 尝试把这些一起给Trae，试试开发效果： 一顿操作猛如虎，尝试了2个小时，中间回滚多次在多个节点调整，却始终未能实现预期效果。 我开始反思如何简化快速一步一步完成开发，于是决定把功能缩减一下：在主页放置五个主题按钮，游戏页面增加难度控制，并显示被消除的 emoji 图标及其中英文名称。这次，开发过程异常顺利，各项功能很快就完成了。 😆 体验地址： https://pipipeter.github.io/match3/ 开发回顾 之前看黄叔的《AI编程蓝皮书》自学，地址：AI编程蓝皮书（更新DeepSeek R1接入/硅基流动4000w tokens 赠额），跟着文档操作没遇到什么bug，这次自己全程开发，遇到不少问题，主要感受： 1. 1. 面对复杂需求，最好将其拆分成一个个小需求，逐一实现； 2. 2. 每次更新完代码，需要查看文档结构和代码是否合理。如果多个功能放在一个文件里，代码过长，一旦出现 bug，排查起来会非常困难，这时可以考虑将功能拆分到多个文件中； 3. 3. AI很多时候可以提供很有创意的想法，和他多聊下会有新发现去优化方案。 😆 想学AI编程的伙伴快来Waytoagi社区吧，“AI 编程从入门到精通 Build on Trae”的共学正在进行中，地址：https://www.waytoagi.com/ 🔗 原文链接： https://mp.weixin.qq.com/s/vmhd AaU... https://mp.weixin.qq.com/s/vmhd AaU... ⏰ 发布时间：2025 02 20 11:20:51 (UTC+8) 作者：皮皮 Peter 灵光一闪 在 17 号 Waytoagi 举办的 “AI 编程从入门到精通 Build on Trae” 共学中，跟随大雨在 Trae 里输入 “用 Matter.js 做一个有意思的画面” ，如下图： 神奇的事情发生了，屏幕上立刻呈现出一种有意思的交互体验：点击空白处，色块如雪花般生成并降落，重力、碰撞、弹性效果一应俱全，交互体验新奇有趣。 我瞬间被这个效果吸引，脑海中闪过一个念头：要是能把这效果融入消消乐游戏，岂不是别有一番风味？说干就干，如下图： 很快，初步的消消乐效果诞生了。看着屏幕上那些色块按照物理规律移动、碰撞、消除，感觉还是很有意思的。 为了能让游戏更具挑战性和趣味性，就开始加关卡： 向 Trae 提出增加关卡功能的想法，更新代码后，我满怀期待地测试，却发现关卡逻辑并未实现。 然后并向 Trae 反馈。同时，提出一个新想法，把彩色色块换成 emoji，说不定能带来更有趣的视觉效果。 Trae 按照建议进行修改后，emoji 的加入让游戏画面瞬间变得活泼生动，效果如下： 我迫不及待地想要进一步完善游戏。于是提出在消除 emoji 时添加音效，让游戏体验更丰富。然而，随着游戏中的动物 emoji 越来越多，发现音效库不够用了。这可怎么办？灵机一动，干脆播放 emoji 对应的英文单词音效，这样一来，玩游戏的同时，还能顺便听听英语，一举两得。哈哈 😆 体验地址：https://pipipeter.github.io/xiaoxiaole/ 调整思路 完成第一阶段的游戏开发后，想要不再增加其它主题emoji玩玩看，然后就简单画了原型和说明，如下：