三角洲机构 - TRPG跑团在线工具
基于Vue3 + Ant Design Vue构建的TRPG跑团在线工具网站，遵循TRTC三角洲机构规则。
功能特性
用户系统
- 用户注册/登录（账号、密码、姓名）
- 用户信息管理
房间系统
- 创建房间，房间号可分享
- 加入房间（通过房间号）
- 房间内角色：主持人（Host）和玩家（PL）
- 房间信息展示
骰子系统
- 支持常见骰子：D3、D4、D6、D12、D20
- 玩家初始投掷：4个D4
- 混沌值机制：
- 每个不是3的D4给主持人加1点混沌值
- 玩家投出3个3（可通过消耗属性值达到）不会产生混沌值
- 每个不是3的骰子都会变成混沌值
- 混沌值所有人可见
- 主持人可以消耗混沌值
- 投掷历史记录
总部/分部管理系统
- 创建分部
- 解散分部
- 发布招聘信息（经理权限）
- 查看招聘信息（所有分部成员）
- 分部信息管理（散一端、天气系统）
异常管理系统
- 添加异常（名称、类型、特殊能力、焦点、领域）
- 异常收容
- 异常解决
- 异常分类：未收容、已收容、已解决
- 天气系统设置
- 散一端管理
技术栈
- Vue 3 (Composition API)
- Ant Design Vue 4.x
- Vue Router 4
- Pinia (状态管理)
- Vite (构建工具)
项目结构
src/
├── views/ # 页面组件
│ ├── Login.vue # 登录页
│ ├── Register.vue # 注册页
│ ├── Home.vue # 主页
│ ├── Room.vue # 房间页
│ ├── Organization.vue # 总部/分部管理
│ └── Anomaly.vue # 异常管理
├── stores/ # Pinia状态管理
│ ├── user.js # 用户状态
│ ├── room.js # 房间状态
│ ├── organization.js # 组织状态
│ └── anomaly.js # 异常状态
├── router/ # 路由配置
├── utils/ # 工具函数
└── main.js # 入口文件
快速开始
安装依赖
npm install
开发运行
npm run dev
构建生产版本
npm run build
使用说明
1. 注册/登录
- 首次使用需要注册账号（账号、密码、姓名）
- 注册成功后自动登录
2. 创建/加入房间
- 在主页可以创建新房间或通过房间号加入现有房间
- 创建房间后自动成为主持人
- 房间号可以分享给其他玩家
3. 使用骰子系统
- 玩家初始投掷：进入房间后，玩家可以投掷4个D4
- 混沌值规则：
- 如果投出的4个D4中，3的数量少于3个，会产生混沌值
- 玩家可以通过消耗属性值来增加3的数量
- 如果最终达到3个3，则不会产生混沌值
- 每个不是3的D4会产生1点混沌值
- 普通投掷：可以选择D3/D4/D6/D12/D20进行投掷
- 消耗混沌值：只有主持人可以消耗混沌值
4. 总部/分部管理
- 经理可以创建分部、发布招聘信息
- 所有成员可以查看招聘信息
- 每个分部可以设置天气和散一端
5. 异常管理
- 添加异常时需要填写：名称、类型、特殊能力、焦点、领域
- 异常类型：实体、概念、地点、现象
- 异常领域：现实、记忆、时间、空间、生命、死亡、知识、情感
- 异常状态流转：未收容 → 已收容 → 已解决
注意事项
- 当前版本使用localStorage进行数据存储（纯前端）
- 刷新页面后数据会保留
- 如需后端支持，需要对接相应的API接口
开发计划
- WebSocket实时通信
- 后端API集成
- 数据持久化
- 更多骰子类型和规则
- 角色属性管理
- 跑团记录导出