生死簿应用

生死簿应用 (Book of Life and Death)

一个基于浏览器的交互式命运抉择应用，让用户创建角色并体验不同命运事件的影响。

在线访问

功能特点

• 角色创建与管理：创建个性化角色，设置姓名、年龄和背景故事
• 命运抉择系统：角色会遇到各种随机事件，每次抉择都会影响角色的命运
• 阎王系统：阎王的心情会随机变化，并影响角色在关键时刻的存活率
• 角色状态追踪：记录角色的健康、智力、运气等属性变化
• 本地存储：使用localStorage保存角色数据，刷新页面不丢失
• 响应式设计：适配各种屏幕尺寸的设备

技术栈

• 前端：HTML5, JavaScript
• 样式：Tailwind CSS
• 图标：Font Awesome
• 本地存储：localStorage
• 开发服务器：serve

安装与运行

1. 克隆或下载本项目
2. 安装依赖

npm install

3. 启动开发服务器

npm start

4. 在浏览器中打开 http://localhost:3000

项目结构

/Users/wuzhenyong/work_ws/project/trae_ai/book-life-death/
├── .vercel/                  # Vercel部署配置
├── dist/                     # 编译后的样式文件
├── index.html                # 主HTML文件
├── package-lock.json         # 依赖版本锁定文件
├── package.json              # 项目依赖配置
├── postcss.config.js         # PostCSS配置
├── src/                      # 源代码目录
│   ├── app.js                # 应用主要逻辑
│   └── styles.css            # 自定义样式
└── tailwind.config.js        # Tailwind CSS配置

使用说明

1. 创建角色：点击"创建角色"按钮，填写角色信息并提交
2. 查看角色：点击角色卡片查看详细信息和状态
3. 命运抉择：在角色详情页点击"遭遇命运"按钮，体验随机事件
4. 阎王影响：命运事件中会显示阎王当前心情和对存活率的影响
5. 管理角色：可以编辑或删除已创建的角色

部署

本应用可以轻松部署到以下平台：

• Vercel ：直接导入代码仓库，配置构建命令为npm install，输出目录为当前目录
• Netlify ：连接GitHub仓库，设置构建命令为npm install，发布目录为当前目录
• GitHub Pages：构建项目后，将文件部署到gh-pages分支

注意事项

• 本应用使用localStorage存储数据，仅保存在当前浏览器中，不会同步到其他设备
• 刷新页面不会丢失数据，但清除浏览器缓存会导致数据丢失
• 阎王的心情会随机变化，每次命运事件都有不同的体验

开发者

由AI助手协助开发