大数跨境

我用TRAE做了三个作品,同时参加两个赛道比赛,这是我的创作故事

我用TRAE做了三个作品,同时参加两个赛道比赛,这是我的创作故事 AI造万物
2026-07-16
15
导读:这次TRAE AI创造力大赛,我一个人同时报了**学习工作赛道**和**生活娱乐赛道**两个赛道,做了三个作品。今天想和大家分享一下我用TRAE开发的故事。 --- 第一个作品是面向深圳初中生的**互

用TRAE做了三个作品,同时参加两个赛道比赛,这是我的创作故事

这次TRAE AI创造力大赛,我一个人同时报了学习工作赛道生活娱乐赛道两个赛道,做了三个作品。今天想和大家分享一下我用TRAE开发的故事。


1. 作品一:数学探索家——让抽象的数理知识"看得见、摸得着"

第一个作品是面向深圳初中生的互动式数学学习平台

我观察到身边很多孩子对数学有畏难情绪,但当他们通过动画或互动接触这些知识时,却能表现出浓厚兴趣。课本上的静态图解很难让学生真正"看到"变化过程,比如勾股定理的证明、二次函数图像与参数的关系。

于是我做了"数学探索家",核心特色是:

1.1 🎬 SVG分步动画+语音解说

勾股定理有5步动画证明(直角三角形→构造正方形→赵爽弦图→面积等式→化简得证),二次函数有6步参数探索动画。动画配合TTS语音解说,真正做到边看边听。

最让我意外的是TRAE自己处理了语音兼容性问题——它发现浏览器环境下speechSynthesis.getVoices()可能返回空数组,自己设计了完整的检测和回退机制,无语音时自动切换为文字解说模式。

1.2 🧠 苏格拉底式深度追问

每个知识点都有"老师提问→学生思考→选择作答→反馈解析"的互动环节。勾股定理还拥有5层追问引擎,从表面到本质层层深入,带聊天气泡UI和深度进度条。

不是简单的"对/错"判断,而是真正引导学生思考,拨云见日,洞悉本真。

1.3 🎛️ 参数实时调整

二次函数页面支持a/b/c三个滑块实时拖动,抛物线图像随之平滑变化,同步显示顶点坐标、对称轴、判别式、最值等数学属性。学生不用再靠想象,直接"看"到参数如何影响图像。

体验地址:https://game.wilson-sz.online/math-learning


2. 作品二:数学生活家——在生活中发现数学

第二个作品是"数学生活家",这是另一种学习方式——把数学知识融入真实生活场景。

孩子对"生活中的数学"接受度远高于纯公式。比如提到抛物线,如果先说"深圳天桥的弧度就是抛物线",孩子马上就能建立直觉。

2.1 🛒 真实场景,真实问题

目前已经上线了超市购物场景:小明带200元来深圳万象城超市买东西,要计算折扣、总价,看看钱够不够。

还有多个高难度生活挑战:


  • 🍰 蛋糕店经营策略(二次函数求最值)
  • 🎡 深圳摩天轮设计(三角函数)
  • 🏃 深圳湾跑步相遇(行程问题)
  • 📱 手机套餐选择(一次函数应用)

每个场景都对标深圳中考考点,真正做到学以致用。

体验地址:https://game.wilson-sz.online/math-learning/math-life-app/


3. 作品三:佛得角AI门将点球大挑战——人生第一个游戏

第三个作品是我人生中开发的第一个游戏!

世界杯期间,佛得角这个名不见经传的小国球队在赛场搅动风云,尤其是那个40多岁的佛得角门将,数次将世界级球星的射门拒之门外。于是我想——能不能做一个点球游戏,挑战一下这个"神级"门将?

3.1 ⚽ 从火柴人到立体球门

这个游戏的迭代过程很有意思:


  • V1版本:极简几何风——球门是矩形,门将是蓝色方块,球走直线。结果守门员在球门背面,射手射门时门将根本碰不到球却能扑出…
  • V2版本:改成木偶人,增加弧线球控制
  • V3版本:球门立体化,调整比例
  • V4版本:加入香蕉球、勺子点球、倒挂金钩三种特技射门
  • V5版本:加入动态关卡,AI门将会随关卡成长,识破特技的概率越来越高

整个过程我不断让TRAE"自己看、自己测试、自己改",它甚至会自己截图验证效果,比我还认真。

3.2 🎮 丰富的操控参数

右侧悬浮控制台可以精调:


  • 射门角度、高度、力量
  • 左右弧线、上下旋转
  • 触球点位置
  • 门将等级
  • 一键特技射门

打开就能玩,无需注册安装。

体验地址:https://game.wilson-sz.online/


4. 用TRAE开发是什么体验?

整个过程,我最大的感受是:TRAE不只是写代码的工具,更像一个和你配合的搭档

4.1 1. 它会自己做技术决策

我只说"我想做一个面向初中生的互动式数学学习平台",它自己选择了SPA单页面应用架构,用CSS变量做设计系统,这些我都没提过。

4.2 2. 它会自己发现问题、自己修复

做语音解说时,我只说"让动画和解说配合",它自己调用浏览器工具测试,发现语音包可能不可用,然后自己设计了检测和回退机制。我只提了一句话,它完成了整个方案。

4.3 3. 它会自己测试、自己迭代

做游戏时,每次修改如果不让它自动测试,就要不停纠正。后来我干脆让它"自己截图自己看,直到确认实现需求",它真的就这么做了——反复截图、调整、再截图,直到效果符合预期。

4.4 4. 云端开发,随时随地

数学平台我是用TRAE Work云端模式做的,完全不使用本地环境,甚至在手机上都能操作。这在以前是不可想象的。


5. 写在最后

这次比赛,我一个人做了两个赛道三个作品,不是为了拿奖,更多是想测试一下——用TRAE到底能把想法落地到什么程度?

结果是令人惊喜的。从教育产品到小游戏,从0到1,从火柴人到可玩的Demo,整个过程只花了一周的业余时间

AI工具不是要取代开发者,而是让我们能把更多精力放在"想做什么"上,而不是"怎么实现"上。当想法的落地门槛越来越低,每个人都能成为创造者。

三个作品都在线上,欢迎大家体验:


  • 🎓 数学探索家:https://game.wilson-sz.online/math-learning
  • 🏪 数学生活家:https://game.wilson-sz.online/math-learning/math-life-app/
  • ⚽ 佛得角门将:https://game.wilson-sz.online/

6. 支持一下!

这两个作品正在参加TRAE AI创造力大赛初赛,欢迎大家去官方帖子点赞支持:


  • 👍 学习工作赛道(数学探索家+数学生活家):https://forum.trae.cn/t/topic/164898
  • 👍 生活娱乐赛道(佛得角AI门将):https://forum.trae.cn/t/topic/147034

你的每一个点赞都是我继续创作的动力!

如果你也有想法,不妨试试TRAE——也许你会发现,创造比你想象的更容易。


一个在用AI重新定义创造的技术人。欢迎关注,后续我会分享更多用TRAE开发的故事。

【声明】内容源于网络
0
0
AI造万物
科技改变生活。
内容 14
粉丝 0
AI造万物 科技改变生活。
总阅读206
粉丝0
内容14