1. Demo 简介
是什么: 一款移动端刮刮乐模拟游戏。
面向谁: 对刮刮乐/彩票玩法感兴趣的玩家。本项目提供一种“赛博刮刮乐模拟器”的功能,适合玩家在碎片化时间里快速体验"中奖"快感。
主要功能:
-
金币循环: 初始金币、购买彩票、中奖领奖、成就奖励,形成完整经济闭环。
-
多种真实玩法: 数字匹配、图符翻倍、三种相同图案中奖等等 ,覆盖市面上最常见的刮刮乐类型。
-
背包与成就: 已购彩票存入背包,刮奖记录累积成就勋章,增加重复游玩动力。
-
移动端优先: 适配手机触摸刮奖,并支持桌面端以手机模拟器形式预览。
截图:
2. Demo 创作思路
灵感来源: 每次路过便利店看到刮刮乐都想试试手气,但又担心真金白银打水漂。于是想做一个"只花虚拟货币、体验真实玩法"的模拟器,既能过把瘾,又完全零风险。
想解决的问题:
-
真实刮刮乐成本高、易上头,没有安全的体验渠道;
-
市面上很多"刮刮乐小游戏"玩法不真实,缺少真实彩票的多样性和概率设计;
-
手机端触摸刮奖的流畅度和反馈不够自然。
为什么做这个方向:
-
想要做一个完全由AI完成编码的游戏项目
-
刮刮乐本身有强视觉反馈和即时奖励,非常适合做成轻量级 H5 游戏;
-
用 TRAE 做这类交互密集型前端项目,能快速迭代 UI、动画和触摸逻辑。
3. Demo 体验地址
在线体验: https://insvolc.github.io/scratchgame/
提示:打开后点击"购买彩票"即可体验;如果金币不足,首页底部有调试按钮可快速补充。
4. TRAE 实践过程
整个项目从 0 到 1 均使用 TRAE IDE 完成,核心开发流程如下:
步骤 1:从需求文档生成可运行骨架
先根据玩法规则生成需求文档,交给 TRAE 生成 Vue 3 + Pinia 项目结构、首页、商城、背包和基础刮奖页。
步骤 2:实现刮奖核心玩法
描述每一种刮刮乐的具体玩法,或者直接告诉AI参考现实中的某一种刮刮乐玩法进行开发
步骤 3:UI优化与多端适配&bug修复
-
持续优化UI表现与bug修复
-
android、 手机web、 桌面web多端适配
开发关键步骤截图
截图 1:生成游戏开发需求文档
截图 2:增加成就功能
截图 3:优化滑动锯齿感
关键任务 Session ID
-
.332518960936682:4dfcae3c6c144beea274298e3cd0056c_6a3687ff6017450231497d6e.6a368aae6017450231497d70.6a368aae4c34b51373722e76:Trae CN.T(2026/6/20 20:42:22):游戏需求文档生成 -
.332518960936682:231511953245673ea3e8fb827e06f372_6a368bc86017450231497db2.6a368be76017450231497db4.6a368be74c34b51373722e78:Trae CN.T(2026/6/20 20:47:35):实现初版游戏逻辑 -
.332518960936682:2d9b522cfd7af7b5d57c6eedcc3a4bf0_6a4d0241396a1e5a7447fd32.6a4d04b8396a1e5a7447fd34.6a4d04b861c4f413560c8b10:Trae CN.T(2026/7/7 21:52:56):增加成就功能与勋章展示 -
.332518960936682:8530d33877c85921c1f40d2c16fc091b_6a4f410a20c578af38bb3299.6a4f453e20c578af38bb329b.6a4f453d76c714940a493286:Trae CN.T(2026/7/9 14:52:46):Android打包方案 -
.332518960936682:31705e13d0f3ad6da00cb218e99851a1_6a50b0de2b676e6167afdd06.6a50b11a2b676e6167afdd08.6a50b1197363464abddb0211:Trae CN.T(2026/7/10 16:45:14):优化滑动锯齿感
5. 心得体会
-
第一次决定完全不写一行代码来完成一个项目,事实上AI的能力超乎想象,尤其是解决bug的能力,把报错信息丢进去,问题基本上都能够解决。
-
不需要预先学习大量如何使用vibe coding的知识,所有人都可以从什么都不懂的情况下就开始做,因为大模型被设计出来就是为了干这事的
-
不用担心提示词写的不好会影响最终效果,当输出的结果和预想的有偏差,重新修正这个偏差就好了,AI可以在每一次迭代中逐渐理解最真实的需求。因为没有这种焦虑,所以整个开发过程是十分愉悦的。
-
AI到底会不会提升效率?答案很有可能是不会,因为省下来的时间可能都用来被摸鱼了(亲身经历),但是对发量的影响却是实打实的,毕竟不用亲自编码了
-
除了编码之外,可以询问AI对项目的建议,在每个阶段都会得到一些有价值的反馈。
报名帖链接
通过的社区报名帖:
https://forum.trae.cn/t/topic/96946






