82 lines
2.4 KiB
Markdown
82 lines
2.4 KiB
Markdown
|
# 密室杀人侦破 - 网页推理游戏
|
|||
|
|
|
|||
|
|
一个基于AI生成的密室杀人推理游戏，玩家需要通过选择不同的选项来推进案件调查，最终达到100%进度结案。
|
|||
|
|
|
|||
|
|
## 项目特色
|
|||
|
|
|
|||
|
|
- 🎮 **20个独立场景**，每个场景4个选项
|
|||
|
|
- 🤖 **AI生成剧情**，使用DeepSeek API自动生成场景和选项
|
|||
|
|
- ⚠️ **危机系统**，连续危险选择会触发特殊状态
|
|||
|
|
- 🏆 **多结局系统**，根据选择决定案件结局
|
|||
|
|
- 📱 **响应式设计**，支持移动端和桌面端
|
|||
|
|
- 💾 **进度保存**，自动保存游戏状态
|
|||
|
|
|
|||
|
|
## 游戏机制
|
|||
|
|
|
|||
|
|
### 选项类型
|
|||
|
|
- **正确选项**：正常推进剧情，进度+5~10%
|
|||
|
|
- **错误选项**：可能触发坏结局，进度+5~10%
|
|||
|
|
- **未知选项**：进度不变，需要谨慎判断
|
|||
|
|
- **危险选项**：可能触发最坏结局，进度+8~10%
|
|||
|
|
|
|||
|
|
### 危机系统
|
|||
|
|
连续选择3次危险选项会触发危机状态：
|
|||
|
|
- **紧张**：增加2个无关选项
|
|||
|
|
- **焦虑**：选项文本可能被隐藏
|
|||
|
|
- **恐慌**：界面特效和文字抖动
|
|||
|
|
|
|||
|
|
### 结局判定
|
|||
|
|
- **好结局**：正确找出真凶
|
|||
|
|
- **坏结局**：找到表面罪犯（错误+危险选择≥7次）
|
|||
|
|
- **最坏结局**：被误认为罪犯（危险选择≥4次）
|
|||
|
|
|
|||
|
|
## 项目结构
|
|||
|
|
|
|||
|
|
```
|
|||
|
|
密室杀人侦破/
|
|||
|
|
├── index.html # 主页面
|
|||
|
|
├── styles.css # 样式文件
|
|||
|
|
├── game.js # 游戏逻辑
|
|||
|
|
├── config.js # 配置文件
|
|||
|
|
├── plan1.md # 详细开发计划
|
|||
|
|
└── README.md # 项目说明
|
|||
|
|
```
|
|||
|
|
|
|||
|
|
## 快速开始
|
|||
|
|
|
|||
|
|
1. 直接打开 `index.html` 文件即可开始游戏
|
|||
|
|
2. 点击"开始推理"按钮进入游戏
|
|||
|
|
3. 阅读场景描述，选择你认为正确的选项
|
|||
|
|
4. 观察进度条变化，谨慎选择避免触发危机
|
|||
|
|
5. 达到100%进度时查看案件结局
|
|||
|
|
|
|||
|
|
## 技术栈
|
|||
|
|
|
|||
|
|
- **前端**: HTML5, CSS3, JavaScript (ES6+)
|
|||
|
|
- **样式**: 响应式设计，CSS动画
|
|||
|
|
- **API**: DeepSeek AI API
|
|||
|
|
- **存储**: LocalStorage
|
|||
|
|
|
|||
|
|
## 安全说明
|
|||
|
|
|
|||
|
|
⚠️ **重要**: 当前版本在前端代码中硬编码了API密钥，这在实际部署中是不安全的。建议：
|
|||
|
|
|
|||
|
|
1. 使用环境变量管理API密钥
|
|||
|
|
2. 通过后端代理调用API
|
|||
|
|
3. 部署时移除硬编码的密钥
|
|||
|
|
|
|||
|
|
## 开发计划
|
|||
|
|
|
|||
|
|
详细开发计划请参考 [plan1.md](plan1.md) 文件。
|
|||
|
|
|
|||
|
|
## 扩展功能
|
|||
|
|
|
|||
|
|
未来可考虑添加：
|
|||
|
|
- 多案件系统
|
|||
|
|
- 成就系统
|
|||
|
|
- 社交分享功能
|
|||
|
|
- 语音朗读功能
|
|||
|
|
|
|||
|
|
## 许可证
|
|||
|
|
|
|||
|
|
本项目仅供学习使用。
|