# Unity-Shader-RuMen

**Repository Path**: KillBugX/unity-shader-ru-men

## Basic Information

- **Project Name**: Unity-Shader-RuMen
- **Description**: 基于UnityShader入门精要制作的简易教程网站
- **Primary Language**: Unknown
- **License**: MIT
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2026-07-10
- **Last Updated**: 2026-07-10

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# Unity Shader 入门精要 - Web 互动教程

基于《Unity Shader 入门精要》（冯乐乐 著）制作的 Web 互动培训课程。

## 功能特点

- 📖 **20 章浓缩课程** — 每章提炼 5-25 个核心知识点
- 💻 **Shader 代码高亮** — 内置 400+ 示例代码片段
- 📝 **每章测验** — 5-8 道题，覆盖单选题、多选题、判断题、填空题、代码选择题
- 🎯 **综合考试** — 40 题，限时 60 分钟，覆盖全书 5 篇
- ✅ **自动批改** — 提交即出分数+详细解析
- 📊 **学习进度** — localStorage 持久化保存进度
- 📱 **响应式设计** — 桌面/平板/手机均适用

## 使用方法

直接打开 `index.html` 即可使用（需要网络加载首次使用的代码高亮库）。

**推荐：** 使用 VS Code 的 Live Server 插件或 Python 启动本地服务器以获得最佳体验：

```bash
# Python 3
python -m http.server 8080

# 或 Node.js
npx serve .
```

然后在浏览器中访问 `http://localhost:8080`。

## 项目结构

```
ShaderCourse/
├── index.html               # 主页面
├── css/
│   └── style.css            # 样式表（响应式、暗色代码主题）
├── js/
│   ├── app.js               # 应用入口与路由
│   ├── sidebar.js           # 侧边栏导航
│   ├── content.js           # 课程内容渲染
│   ├── quiz.js              # 测验引擎与批改
│   └── progress.js          # 进度管理（localStorage）
├── data/
│   ├── index.json           # 课程目录
│   ├── ch-01.json ~ ch-20.json  # 各章浓缩课程
│   └── questions/
│       ├── ch-01.json ~ ch-20.json  # 各章测验题
│       └── final.json       # 综合考试（40题）
└── tools/
    ├── extract_raw_content.py  # MOBI内容提取
    └── requirements.txt        # Python依赖
```

## 技术栈

- **前端：** 纯 HTML5 + CSS3 + JavaScript（无框架，双击即可运行）
- **代码高亮：** highlight.js（HLSL 语言支持）
- **数据存储：** localStorage（学习进度持久化）
- **内容来源：** 《Unity Shader 入门精要》冯乐乐 著

## 数据说明

所有课程内容和测验题目均源自原书内容，由人工提炼和编写。如有勘误或改进建议，欢迎反馈。

## 许可

本教程内容基于《Unity Shader 入门精要》制作，仅供参考学习使用。