秋天的第一口代码,Trae SOLO开发体验

今日立秋,追求秋天的第一杯奶茶,为什么不是代码?

8月4号 晚8点收到SOLO激活码,开测!

提示词

给出提示词,Trae 库库运行,等待结果...就像开彩蛋。

在当前目录下创建 FirstTea 文件夹作为项目名称

以秋天的第一行代码作为创意开发一个WEB端游戏,不需要数据库和后端保存。

必须使用原生JavaScript+Canvas的技术栈,基于ES2025,

如果需要Node.js使用最新版,工具使用pnpm

严格按照技术要求完成

📱项目概述

FirstTea是一款编程主题的休闲游戏,玩家扮演编程新手,通过编写JavaScript代码来控制角色收集飘落的秋叶,在游戏中学习编程概念。

🎮核心特性

  • 代码编辑器 :模拟真实IDE界面,支持语法高亮和自动补全
  • 秋叶收集系统 :通过编写代码控制角色移动收集不同颜色的秋叶
  • 关卡系统 :从简单的变量操作到复杂的算法挑战
  • 成就系统 :追踪学习进度,解锁编程相关成就
  • 本地存储 :保存游戏进度和设置,无需后端服务器

🛠️技术架构

  • 前端技术 :原生JavaScript (ES2025) + Canvas API
  • 构建工具 :Vite + pnpm
  • 代码执行 :安全的JavaScript解析器
  • 存储方案 :localStorage + sessionStorage
  • 音频处理 :Web Audio API
  • 动画渲染 :requestAnimationFrame + Canvas 2D

🎯设计风格

  • 色彩主题 :温暖的秋季色调(橙棕色、金黄色)
  • 界面布局 :左右分栏,左侧代码编辑器,右侧游戏画面
  • 视觉效果 :飘落的代码片段粒子效果,秋叶动画

📋创建的文档

  • 产品需求文档 :详细的功能规划、用户界面设计和操作流程
  • 技术架构文档 :完整的技术选型、API设计和数据模型 项目文档已保存在 .trae/documents/ 目录下,为后续的项目开发提供了完整的设计指导。接下来可以开始项目的具体工作。

T-SOLO工作过程

1.额外安装了 pnpm

看来要在提示词强调 pnpm环境已配好

2.过程中会出现一些错误

SOLO可以自行解决但不能确保最终正常运行

3.加载界面中

首发还是有错误,查看控制台,复制错误对话SOLO解决。 首次修复后仍然报错。。。

换用Chrome/Firefox测试,出现不存在函数调用错误,继续对话修复

似乎游戏引擎出了问题。

Trae:现在FirstTea游戏应该可以完全正常运行,玩家可以开始体验"秋天的第一行代码"的游戏乐趣了!

事实上,这个是我测试的第10个SOLO项目,一把成功率10%~20%,总有无数BUG要改。。。

强行默认使用React 框架和 python运行Http服务器,然后对话对了自动就切换为英文了,

夜深了,看来今天的奶茶是喝不到了。总体来说有一点惊喜,但不够惊艳。

PS:吐槽,首先Trae这名字就绕口,嗦螺不是单挑的意思吗,本来是开发者的助手,成了跟开发者单挑。 嗦螺使用者WAKAO。

人工智能代码工具是什么,一大半像开发者的宝宝玩具!

相关推荐
程序员爱钓鱼1 小时前
Go操作Excel实战详解:github.com/xuri/excelize/v2
前端·后端·go
牛奶9 小时前
系统的弃子与倦怠的灵魂:在液态社会中审视“修正主义”与职场异化
程序员·团队管理·午夜话题
子兮曰9 小时前
async/await高级模式:async迭代器、错误边界与并发控制
前端·javascript·github
恋猫de小郭9 小时前
2026 Flutter VS React Native ,同时在 AI 时代 VS Native 开发,你没见过的版本
android·前端·flutter
GIS之路11 小时前
ArcGIS Pro 中的 Notebooks 入门
前端
IT_陈寒13 小时前
React状态管理终极对决:Redux vs Context API谁更胜一筹?
前端·人工智能·后端
Kagol14 小时前
TinyVue 支持 Skills 啦!现在你可以让 AI 使用 TinyVue 组件搭建项目
前端·agent·ai编程
柳杉14 小时前
从零打造 AI 全球趋势监测大屏
前端·javascript·aigc
simple_lau14 小时前
Cursor配置MasterGo MCP:一键读取设计稿生成高还原度前端代码
前端·javascript·vue.js
睡不着先生14 小时前
如何设计一个真正可扩展的表单生成器?
前端·javascript·vue.js