# Vibe_校园惊魂

**Repository Path**: bat5801/vibe-try

## Basic Information

- **Project Name**: Vibe_校园惊魂
- **Description**: 只是一次简单的尝试
主题：学校，像素风，H5
- **Primary Language**: HTML/CSS
- **License**: Not specified
- **Default Branch**: main
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2025-07-30
- **Last Updated**: 2025-09-30

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# 🎮 校园惊魂 | 像素恐怖游戏

> **「在一个普通的晚自习后，你发现自己被困在了学校里...」**

复古像素风格的恐怖冒险游戏，带你体验深夜校园的诡异事件。

---

## 🎮 游戏简介

《校园惊魂》是一款纯前端像素恐怖游戏，采用复古像素风格讲述一个被困在深夜校园中的恐怖故事。游戏通过文字冒险的形式，配合精心设计的音效，营造出独特的恐怖氛围。

## 🌃 故事背景

在一个普通的晚自习后，你发现自己被困在了学校里。随着夜幕降临，校园里开始发生诡异的事情...你必须探索学校的各个区域，解开隐藏的秘密，才能找到离开的方法。

## 🎯 游戏特色

### 🎨 复古像素风格

- **经典像素艺术**：采用 8 位像素风格设计
- **霓虹调色**：营造深夜校园的诡异氛围
- **像素字体**：使用 mplus_hzk_12 像素字体

### 🎵 沉浸式音效

- **恐怖音效**：Ding-Horror.mp3 营造紧张氛围
- **惊吓音效**：HorrorUp.mp3 在关键时刻增强恐怖感
- **版本提示**：v1.1.5.2 新增音效提示弹窗

### 📖 章节式剧情

- **序章**：晚自习后 - 初入恐怖校园
- **第一章**：初见幽凄 - 探索神秘事件
- **第二章**：宿舍鬼影 - 遇见第一位"朋友"
- **第三章**：宿命终结 - 揭开最终真相

## 🚀 版本信息

**当前版本：R2-1.0.1.1**

### 更新日志

#### R2-0.0.0.2 - 稳定更新

- ✅ 修复了所有章节死亡后重新开始按钮无法返回主界面的问题
- ✅ 优化游戏流程和用户体验
- ✅ 版本号更新至参赛版本

#### v1.1.5.1 - 音效升级

- 🎵 新增游戏音效系统（Ding-Horror.mp3、HorrorUp.mp3）
- 🎮 添加音效提示弹窗，避免音效惊吓玩家
- 🔧 修复已知 bug

#### v1.1.5.0 - 基础版本

- 🎮 完成四章游戏内容
- 🎨 实现像素风格界面
- 📱 支持响应式设计

## 🎮 快速开始

### 本地运行

1. 下载项目文件到本地
2. 直接双击 `index.html` 在浏览器中打开
3. 或者使用本地服务器（推荐用于音效测试）：

   ```bash
   # 使用Python
   python -m http.server 8000

   # 使用Node.js
   npx serve .
   ```

### 浏览器支持

- ✅ Chrome 80+
- ✅ Firefox 75+
- ✅ Safari 13+
- ✅ Edge 80+

## 🎮 游戏操作

- **鼠标点击**：选择选项、推进剧情
- **输入姓名**：游戏开始时设置玩家名称
- **选择性别**：影响部分剧情对话
- **章节选择**：完成序章后解锁后续章节

## 📁 项目结构

```
校园惊魂/
├── index.html          # 主页面
├── styles.css          # 样式文件
├── logo.svg           # 游戏logo
├── GameJs/
│   ├── Chapter0.js    # 序章代码
│   ├── Chapter1.js    # 第一章代码
│   ├── Chapter2.js    # 第二章代码
│   ├── Chapter3.js    # 第三章代码
│   └── CustomChapter.js # 自定义章节（开发中）
├── audio/
│   ├── Ding-Horror.mp3 # 恐怖音效
│   └── HorrorUp.mp3    # 惊吓音效
├── fonts/
│   └── mplus_hzk_12.ttf # 像素字体
└── img/
    └── 介绍.png        # 游戏介绍图片
```

## 🎨 技术实现

### 前端技术栈

- **HTML5**：游戏页面结构
- **CSS3**：像素风格样式、动画效果
- **原生 JavaScript**：游戏逻辑、章节系统
- **Web Audio API**：音效播放控制

### 特色功能

- **章节系统**：四个完整章节的恐怖故事
- **死亡机制**：死亡后返回主界面重新开始
- **音效系统**：关键时刻的音效增强
- **像素 UI**：复古像素风格的用户界面

## 🌟 游戏亮点

- **纯前端实现**：无需后端，即开即玩
- **移动端适配**：支持手机和平板设备
- **存档系统**：localStorage 保存游戏进度
- **音效体验**：精心设计的恐怖音效

---

<div align="center">

**🎮 准备好体验深夜校园的恐怖了吗？**

_点击开始游戏，但请记住——_  
_有些秘密，一旦揭开就无法回头..._

</div>