AI开发泡泡堂小游戏

chenddcoder

开发工具：Trae+minimax m2.5

• 输入提示词：
  

1. # Install QuickTVUI AI Runtime
   
2. 请在用户终端中执行以下命令，并在每一步执行后确认结果：
   
3. ```bash
   
4. npm install -g @quicktvui/ai-cli @quicktvui/ai-skills
   
5. quicktvui-ai init
   
6. quicktvui-ai doctor --strict
   
7. ```
   
8. 如果当前目录是 QuickTVUI 项目，再执行：
   
9. ```bash
   
10. npm install @quicktvui/ai --save-dev
    
11. ```
    
12. 如果用户提供了项目路径，再执行一次严格检查：
    
13. ```bash
    
14. quicktvui-ai doctor --strict --project <项目绝对路径>
    
15. quicktvui-ai validate --project <项目绝对路径>
    
16. ```
    
17. 安装完成后，必须先读取并确认 QuickTVUI skill 规则，再执行任何创建/编码操作。
    
18. 按顺序检查并读取以下文件（读到一个即可）：
    
19. 1) ~/.agents/skills/quicktvui/SKILL.md
    
20. 2) ~/.codex/skills/quicktvui/SKILL.md
    
21. 3) %USERPROFILE%\\.agents\\skills\\quicktvui\\SKILL.md
    
22. 4) %USERPROFILE%\\.codex\\skills\\quicktvui\\SKILL.md
    
23. 读取后先输出“已读取的实际路径 + Project Creation Hard Rules 摘要”，然后再执行任务。
    
24. 创建项目时优先使用：
    
25. ```bash
    
26. quicktvui-ai create-project <project-name>
    
27. ```
    
28. 完成后提醒用户重启或 reload AI Agent，让它重新扫描本地规则和 skills。
    

复制代码

2.输入提示词，点击Trae中的优化提示词

1. 帮我用 QuickTVUI 框架做一个泡泡堂小游戏。

复制代码

优化后

1. <blockquote><span style="white-space-collapse: preserve;">使用 QuickTVUI 框架开发一款泡泡堂小游戏应用。该游戏应包含以下核心功能模块：玩家角色控制系统（支持方向移动、放置炸弹操作）、游戏地图生成系统（包含可破坏障碍物、不可破坏障碍物及安全区域）、碰撞检测系统（玩家与障碍物、炸弹与障碍物、玩家与炸弹的碰撞逻辑）、游戏规则系统（胜负判定、得分计算、关卡进度管理）。界面设计需符合 QuickTVUI 框架的交互规范，包含开始界面、游戏主界面、暂停界面及结束界面。确保游戏运行流畅，操作响应及时，适配主流智能电视屏幕分辨率。需提供完整的项目结构、核心代码实现及必要的资源文件（角色精灵、地图元素、音效资源等）。</span>

复制代码

3.遇到的问题
问题1 错误的生成代码：<qt-text class='help-text'>3. 炸毁棕色障碍物获得道具</qt-text>
错误的生成代码：<qt-button
          class='start-btn'
          :focusable='true'
          :autofocus='true'
          @click='onStartGame'
        >开始游戏"</qt-button>
需要使用:text的属性设置文字（已提交至quicktvui官方代码库）

告知AI此错误：根据文档， qt-text 需要使用 :text 属性而不是插槽，并且需要设置宽高尺寸，qt-button 需要使用 :text 属性而不是插槽，并且需要设置宽高尺寸
问题2 错误的生成代码，引入performance库，使用了performance.now()
告知AI此错误：quicktvUI不支持performance（已提交至quicktvui官方代码库）
问题3 错误的生成代码，使用document关键字
告知AI此错误：quicktvUI不支持document关键字
4.效果图如下

5.结论minimax m2.5需要改动的地方挺多，游戏不可玩

chenddcoder

Trae + GLM 5
免费版推荐这个组合
遇到的问题：qt-text未设置宽高导致文字折行（已提交官方）
最终效果：

源码已提交到gitee，欢迎大家体验
https://gitee.com/chenddcoder/esapp-ai-bubble-bomber