0. 先和大家打个招呼吧 
-
你是谁： 游戏测试工程师
-
你是怎么用 TRAE 把 Demo 做出来的： 因为我是一名游戏测试工程师平时打交道最多的就是游戏,我知道要做一个好的产品第一部就是生成一个好的策划案。所以我开始的需求是让他生成一份策划案。但是很多时候都不太理想于是，我让AI反问我一个好的策划案应该需要什么，于是一份策划案就好了于是让他根据一份策划案开始慢慢调整生成一份demo也ok了
1. Demo 简介
是什么：万卷浮生是一款 AI 驱动的古典名著互动对战 Web 游戏（响应式网页应用，PC + 移动端浏览器均可访问，本地 npm start 即可运行于 http://localhost:3000 ）。
面向谁：
-
古典文学爱好者（18–40 岁，想读名著却读不下去的年轻人）
-
卡牌对战游戏玩家（喜欢策略 PVP、收集养成）
-
AI 内容创作爱好者（想看大模型如何驱动剧情与角色生成）
主要功能（3 个核心）：
-
典籍库 + AI 互动剧情 预置 12 部古典名著（西游记、三国演义、水浒传、红楼梦、封神演义、白蛇传、聊斋、山海经、搜神记、太平广记、子不语、阅微草堂笔记）。AI 根据原文生成分章节互动剧情，每章 3–4 个分支选项，玩家选择影响故事走向，章节完成发放角色卡与法宝奖励。也支持上传自定义 TXT/MD 小说。 -
24 角色卡 + 31 法宝 + 跨作品 PVP 24 个角色覆盖 9 大来源（孙悟空、关羽、林黛玉、哪吒、白素贞、后羿、项羽、迪迦……），31 件法宝（金箍棒、青龙偃月刀、乾坤圈、风火轮……）。玩家可让孙悟空对战迪迦、关羽对决哪吒——WebSocket 实时 PVP，回合制 12 回合上限，含等级压制 / 跨维度压制 / 秒杀机制。无在线玩家时由 8 个机器人陪练。 -
11 家国产大模型 + 双协议自由切换 DeepSeek、智谱 GLM、Kimi、通义、MiniMax、豆包、阶跃、硅基流动、小米 MiMo、OpenAI、Ollama，外加"自定义供应商"。每家服务商同时支持 OpenAI 兼容协议（/chat/completions）与 Anthropic 原生协议（/v1/messages），前端一键切换，Base URL 自动适配。AI 同时驱动剧情生成、角色属性提取、战斗解说三大场景。
界面采用玻璃拟态（Glassmorphism）设计：动态渐变背景、毛玻璃面板、流畅动画，移动端自适应。截图见
screenshots/目录（欢迎页 / AI 设置 / 存档管理等）。
2. Demo 创作思路
-
灵感来源：其实我一直在想一个问题就是我要是孙悟空我会怎么做，这么做后续的故事会发生什么变化，在看书的时候也会把自己带入到书中去，所有就产生了这个想法，其实很久之前久有这个想法了但是不知道怎么实现；
-
想解决的问题：；
-
为什么做这个方向：你的判断和取舍。
3. Demo 体验地址（三选一）
github连接：fengjiehzi/floating-scrolls: 万卷浮生 —— 从经典小说中提取角色，在线实时对战，让文字里的英雄在竞技场上决一胜负。
百度网盘连接：通过网盘分享的文件：web_project.zip
链接: 百度网盘 请输入提取码 提取码: fnxy
npm install
npm start
4. TRAE 实践过程
.508447474332556:0fc36ccb743839c2ac22274d845193b6_6a3babf8648e5f127ac0118f.6a3bac11648e5f127ac01191.6a3bac100955bf327d5c82cd:Trae CN.T(2026/6/24 18:06:09)
-
.508447474332556:f7e0a9a234a7d6e84aab41017cedfdc0_6a3babf8648e5f127ac0118f.6a3bac92648e5f127ac011ad.6a3bac920955bf327d5c82ce:Trae CN.T(2026/6/24 18:08:18)
-
.508447474332556:3e0dd453f7e28d4a92843d5f9e3362f4_6a3babf8648e5f127ac0118f.6a3bc6c2648e5f127ac011f6.6a3bc6c20955bf327d5c82cf:Trae CN.T(2026/6/24 20:00:02)
-
.508447474332556:6a8cd4a0c4238d0232dea73ac4ef7ed8_6a3d237f7a16d53aefeb74f9.6a3d2d8e7a16d53aefeb75d0.6a3d2d8e3e199b39f214bdc8:Trae CN.T(2026/6/25 21:30:54)
-
.508447474332556:6e853d806e084c73ff51cd12003eee25_6a3d237f7a16d53aefeb74f9.6a42420642a91633f9c90dc8.6a424205bd161807a375d6ff:Trae CN.T(2026/6/29 17:59:34)
-
.508447474332556:a65a055701ab668103403ae7316e49fc_6a4b95c79771de7b47597ec7.6a4dc0854710f559cfdabbb8.6a4dc084440ca50c2d9941a3:Trae CN.T(2026/7/8 11:14:13)
5. 对应的报名审核通过的帖子链接
【生活娱乐赛道】万卷浮生 —— 把任意小说角色变成可对战卡牌 - TRAE AI 创造力大赛 / 【大赛报名专区】 - TRAE 官方中文社区