我也要当太空人 ![]()
我了个豆
小时候我想当厨师
,现在我用 TRAE 做出了这个烹饪小游戏!
快乐小厨师 - 六一儿童节特别版
小时候,每当看到厨师在厨房里忙碌,做出一道道美味佳肴,我就梦想着有一天也能成为一名大厨。今天,我用 TRAE 把这个童年梦想变成了现实——一个超可爱的烹饪小游戏!
游戏亮点:
-
马卡龙色系,超可爱画风 -
10个关卡,从新手到终极考验 -
星星评价 + 9个成就等你解锁 -
连击加分系统 -
本地排行榜 -
中英双语支持 -
手机、平板、电脑都能玩
12种菜品、10个关卡、3种难度,快来挑战你的烹饪速度吧!
项目链接:
-
在线游玩: http://game.fy-squad.cn/ -
**GitHub 源码:**https://github.com/feifei3yaya/happy-chef-game
祝所有大朋友小朋友六一儿童节快乐!今天,大朋友也可以过节~
看的我都想投你一票
小时候我想当发明家,在笔记本上画满了各种"未来产品"的设计图,被同学笑是白日梦。
现在我用 TRAE,把那些曾经只存在于笔记本里的点子,一个一个变成了能跑的代码和能用的工具。从"画饼"到"造饼",TRAE 帮我完成了小时候最想做的那件事——把想象变成现实。
大朋友的儿童节,致敬每一个还没放弃童年梦想的人 ![]()
小时候我想用药杀害虫,现在我用 TRAE 实现了复刻玛丽医生
童年的游戏梦
小时候,我最爱的游戏是任天堂的《玛丽医生》。每天放学回家,我都会迫不及待地打开游戏机,操控着那些彩色的药粒,看着它们在屏幕上落下、旋转、消除。那时的我常常想:如果有一天,我也能做出这样有趣的游戏该多好啊!
这个梦想在很长一段时间里都只是一个遥不可及的想象。我曾以为做游戏需要高深的编程知识、昂贵的开发工具,还有一个庞大的团队。直到我遇见了 TRAE,这个梦想才终于照进了现实。
用 TRAE 实现梦想
快速搭建开发环境
TRAE 让游戏开发变得前所未有的简单。
只需几个命令,就能快速搭建起完整的 React + TypeScript 开发环境:
npm init vite-init@latest -y . "--" --template react-ts
npm install
核心游戏逻辑实现
玛丽医生的核心玩法是:控制药粒下落,通过旋转和移动,让相同颜色的药粒(或病毒)连成 4 个或更多来消除。
我在 DrMario.tsx 中实现了完整的游戏逻辑:
游戏状态管理
interface GameState {
board: CellType[][]; // 游戏棋盘
currentPill: Pill | null; // 当前药粒
nextPill: Pill; // 下一个药粒
score: number; // 分数
level: number; // 等级
lines: number; // 消除行数
gameOver: boolean; // 游戏结束标志
combo: number; // 连击数
}
消除检测算法
const checkAndClearLines = (board: CellType[][]): { newBoard: CellType[][]; score: number } => {
// 遍历每个格子,检测水平和垂直方向的连续相同颜色
for (let row = 0; row < BOARD_HEIGHT; row++) {
for (let col = 0; col < BOARD_WIDTH; col++) {
// 检测水平方向
// 检测垂直方向
// 如果连续 >= 4 个相同颜色,则消除并计分
}
}
// 处理消除后的下落逻辑
}
流畅的游戏体验
使用 requestAnimationFrame 实现流畅的游戏循环,配合键盘事件实现精准的药粒控制:
| 按键 | 功能 |
|---|---|
| ← → | 左右移动 |
| ↓ | 加速下落 |
| ↑ / Z | 旋转药粒 |
| 空格 | 快速落下 |
| P | 暂停/继续 |
梦想照进现实
当我第一次运行这个游戏,看到药粒在屏幕上缓缓落下,看到可爱的病毒在瓶底等待被消除,看到玛丽医生在右侧为你加油时,眼眶不禁有些湿润。
初次生成效果如下:
我觉得不够满意,便让SOLO继续完善界面,变成这样子:
小时候那个坐在电视机前的孩子,一定想不到,几十年后的今天,他真的做出了自己的游戏。
TRAE 就像一把神奇的钥匙,打开了通往梦想的大门。它让曾经遥不可及的技术变得触手可及,让每个人都能成为创造者。
小时候的梦想,现在正在一点点实现。
如果你也有童年未完成的梦想,不妨试试用 TRAE 来实现它。你会发现,那些曾经觉得遥远的事情,其实并没有想象中那么难。
小时候我想把喜欢的小说变成有声书,现在我用 TRAE 做了个TTS多角色配音工具,自己给小说配了一段音。
最近想做个能直接给小说文本分配不同声音的网页工具,就用 TRAE 帮忙写代码,搭了个叫 TTS_MultiModel 的小项目。
我找了段小时候很喜欢的小说《小王子》里的对话扔进去。给小王子分了个清脆的童声,飞行员用了温和的成年男声,狐狸选了个温柔一点的青年音。
生成出来自己听了一下,虽然感情上比不上专业的有声书主播,但几个角色的声音确实分开了,能顺畅地听下去。自己戴着耳机听完这段故事,就当给自己过节了,大朋友也可以有童心。
看起来不错哦
小时候我想 做科学家 ,现在我用 TRAE 写出各种奇妙的工具。
小时候我想 拥有麦当劳的玩具 ,现在我用 TRAE 自己做了一个星星人合唱团 。
小时候最羡慕的事情,就是六一看到别人手里的麦当劳玩具。
那时候爸妈总说"那有什么好玩的",但我知道,那不仅仅是一个玩具。那是别的小朋友的节日仪式感,是我只能在橱窗外面偷偷看一眼的渴望。
我也懂事,知道父母赚钱不容易,那个东西很贵,所以从来没有开口要过,只是每次路过,都会多看两眼。
长大后终于可以自己买了,看到麦当劳和泡泡玛特联名的星星人合唱团,四个小东西排排站、碰到一起就会唱歌跳舞,真的喜欢得不行。
但看到要加价买的时候,手指在付款页面上还是犹豫了半天。
最后没买。不是因为买不起,是因为我突然想到——我现在不是那个只能羡慕别人的小孩了,我有TRAE。
于是我用TRAE SOLO做了一个「TRAE合唱团」:12个TRAE宝,绿色、黄色、粉色,拖动它们靠近,碰到一起就会自动连线、播放音乐、同步跳舞,分开就停止。就像真实的星星人玩具一样。
演示视频(小红书):https://www.xiaohongshu.com/explore/6a1d88b8000000003601e9db?xsec_token=GBGdoD-XCsQHPdIQKLR3sRoHzsi1f-gQuBnR8wqykfZWU=&xsec_source=pc_creatormng
在线体验:TRAE合唱团 - 六一快乐
开源代码:https://github.com/niuhai/trae-chorus
从羡慕别人的玩具,到自己动手做一个。小时候觉得遥不可及的事情,现在一个想法、一次动手就能实现。
这就是长大最好的样子吧。不是随便买,而是随便做。
祝所有TRAE宝儿童节快乐!今天,大朋友也可以过节。

星空命名
一句话介绍
用手机拍星空,给星星起名字,下次再拍自动认出它们。
小时候的梦想
小时候夏夜躺在院子里,奶奶指着天上的星星说:“那颗最亮的是北极星。”
我问:“其他星星呢?它们叫什么名字?”
奶奶笑着说:“等你长大了,给它们起个名字吧。”
现在用 TRAE 实现
「星空命名」 让我真的可以给星星起名字了。
不是查星表、背星座,而是我想叫哪颗就叫哪颗。
怎么玩
步骤 操作
1 打开摄像头对准夜空
2 点击亮星,输入名字
3 切换识别模式,再次拍摄
4 看到你命名的星星被标注出来
技术亮点
纯前端实现:单 HTML 文件,1200 行代码,无后端
星空指纹算法:用最亮星的相对位置做模式匹配,不依赖 GPS/陀螺仪/星表
实时检测:Canvas 图像处理,500ms 检测一次
为什么做这个
真实星图太复杂,普通人认不出星星。
但每个人仰望星空时,都想给某颗特别的星星起个名字——
这颗叫奶奶,那颗叫旺财,旁边是我和她的星星。
这个工具让「命名星星」变得零门槛。
作品信息
单文件 HTML,约 50KB
纯前端,浏览器打开即用
本地存储,隐私安全
GitHub Pages 可直接部署
参赛宣言
小时候我想当天文学家给星星起名字,现在我用 TRAE 让每个人都能成为星星的命名者。
每一颗被命名的星星,都是一个小小的心愿。
在线体验:https://totdaretodo-tot.github.io/star_namer/
Made with TRAE
啊哈哈哈哈哈笑死了
喔喔原来是这样
不是两边都可以吗
看不懂 肥鸭你在说什么 ![]()
哈哈哈哈哈
感谢各位大佬的支持,让小弟躺赢了一次 ![]()






