秋天的第一口代码,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。

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

相关推荐
Beginner x_u9 分钟前
Vue 3 项目实战教程大事件管理系统 (一):从零开始搭建项目基础
前端·javascript·vue.js·pinia
aesthetician11 分钟前
ahooks:一套高质量、可靠的 React Hooks 库
前端·react.js·前端框架
shizhenshide19 分钟前
如何在同一站点支持多版本的 reCAPTCHA 的兼容性方案
服务器·前端·网络·安全·captcha·ezcaptcha
CodeCraft Studio22 分钟前
借助Aspose.HTML控件,使用 Python 编程创建 HTML 页面
前端·python·html·aspose·python创建html·html sdk
杨超越luckly1 小时前
HTML应用指南:利用GET请求获取全国奥迪授权经销商门店位置信息
大数据·前端·python·html·数据可视化·门店数据
05Nuyoah1 小时前
DAY 01 HTML的认识
前端·html
嚣张农民1 小时前
还在自己买服务器?试试 Amazon EC2,真香!
前端·后端·程序员
charlie1145141911 小时前
Chrome View渲染机制学习小记
前端·chrome·学习·渲染·gpu·客户端
多看书少吃饭1 小时前
vue3+TS 前端调用海康摄像头视频流,后端用 Node.js 做 RTSP 转 WebSocket-FLV 转发,并且前后端优化延迟方案
前端·websocket·node.js
前端Hardy1 小时前
HTML&CSS:动态歌词高亮展示效果
前端·javascript·css