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

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

相关推荐
无羡仙9 分钟前
JavaScript 数组扁平化全解析
前端·javascript
inksci11 分钟前
飞帆fvi.cn拖放配置实现卡片布局
前端·javascript
前端大卫15 分钟前
解决中文输入法导致的频繁 Input 事件!
前端·javascript
毅航30 分钟前
Spring WebFlux 原理与实践全解析
后端·spring·trae
weixin_4233919338 分钟前
详解Vue2、Vue3与React的Diff算法
前端·javascript·react.js
ZZHow102442 分钟前
React前端开发_Day10
前端·笔记·react.js·前端框架·web
围巾哥萧尘1 小时前
AI工具和应用概览🧣
trae
weixin_449568701 小时前
访问Nginx 前端页面,接口报502 Bad Gateway
前端·nginx·gateway
前端小巷子2 小时前
Vue 3 快速 Diff
前端·vue.js·面试