用 Trae 做了一款抖音小游戏：幸存者
黑暗降临，唯有战斗才能生存。
这是什么？
「幸存者」是一款 Roguelike 生存射击游戏 ，用纯前端技术（HTML + Canvas + JavaScript）从零手写，已发布到 抖音互动空间 。
没有游戏引擎，没有第三方库，一个 .html 文件，11KB。
在线体验： 幸存者 - 黑暗降临
源码仓库： https://github.com/gjwroot/douyinActionSpace
玩法简介
你的角色站在无尽的黑暗中，敌人从四面八方涌来。
你不需要手动攻击——武器会自动发射 。你需要做的只有一件事：
活下去。
核心循环
击败敌人 → 收集经验宝石 → 升级 → 三选一强化 → 变强 → 活更久
每 60 秒 会出现一次 Boss ，击败它获得大量经验和稀有掉落。
你能撑多久？
七种属性强化：生命、速度、护甲、拾取范围、再生、暴击、全伤加成。
九项成就等你解锁。
技术亮点
零依赖，单文件
整个游戏就是一个 index.html ，没有任何外部资源加载 ：
-
无 CDN、无外部字体、无图片文件
-
音效使用 Web Audio API 实时合成（无需音频文件）
-
图形使用 Canvas 2D 绘制（无需素材）
-
所有 CSS/JS 全部内联
最终产物 11KB ，远低于抖音 8MB 上限。
移动端适配
抖音用户在手机上玩，所以做了完整的移动端支持：
-
虚拟摇杆 ：左下角触摸摇杆控制移动
-
安全区域适配 ：iPhone 刘海屏 / 底部安全区
-
触摸事件优化 ：
touchstart/touchmove/touchend完整处理 -
AudioContext 恢复 ：首次触摸自动恢复被挂起的音频上下文
-
自动检测设备 ：桌面端隐藏摇杆，移动端显示摇杆
抖音平台合规
严格按照抖音互动空间审核规范开发：
-
无网络请求 / 外部链接 -
相对路径引用所有资源
-
try-catch 包裹所有关键操作
-
标题合规（纯中文，无特殊符号）
-
体积 11KB << 8MB
开发工具
全程使用 Trae 完成：
-
代码编写与调试
-
本地预览测试
-
合规性审查
-
GitHub 发布
-
Landing Page 制作
-
图标处理工具
Trae 的 AI 能力让整个流程非常顺畅——从零到上线，一次对话搞定。
项目结构
douyinActionSpace/
├── index.html ← Landing Page（GitHub Pages）
└── survivors/
└── index.html ← 游戏本体（抖音上传包）
-
GitHub Pages ：展示 Landing Page + 在线试玩
-
抖音互动空间 ：上传
survivors/index.html或 zip 包
同一份代码，两个平台都能跑。
试玩一下？
https://gjwroot.github.io/douyinActionSpace/
点「开始挑战」，看看你能活多久。
如果觉得好玩，欢迎 Star 
支持！
使用 Trae 创作 · 抖音互动空间发布
