# 雨窗 · 使用说明　[English](instruction.md)　[日本語](使い方.md)

> 一个沉浸式雨景阅读器。伦敦街景透过玻璃，雨水在屏幕上滑落。

---

## 工具栏

阅读器底部浮动工具栏，从左到右：

| 按钮 | 图标 | 功能 |
|------|------|------|
| 笔 | ✏️ | **高亮模式** — 点击激活，选中文字自动高亮为琥珀色。再次点击关闭。 |
| 闪电 | ⚡ | **闪电效果** — 开启时图标变黄并发光；关闭时暗色加红色斜线 |
| 喇叭 | 🔊 | **音量控制** — 鼠标悬停弹出横向滑块，调节雨声大小 |
| 垃圾桶 | 🗑️ | **清除高亮** — 删除当前文档所有标注 |
| 加号 | ➕ | **加载文档** — 点击弹出菜单：本地 MD 文件 / 网络链接 |
| 减号 | ➖ | **清除文档** — 移除当前文档，回到初始页 |
| 左箭头 | ◀ | **向上翻页** — 按屏高向上滚动 |
| 页码 | 1/3 | 当前页 / 总页数（文档较短时显示 —） |
| 右箭头 | ▶ | **向下翻页** — 按屏高向下滚动 |

---

## 右上角

| 按钮 | 功能 |
|------|------|
| 🏠 房子 | 主页 |
| 👁️ 眼睛 | 显示 / 隐藏阅读器 |
| 📡 信号 | 打开 / 关闭右侧参数面板 |

---

## 右侧参数面板

点击信号图标（右上角）展开，再次点击折叠。

**Media Source**
- Upload Media — 上传自定义背景图片或视频

**Atmosphere（大气）**
- Rain Intensity — 雨势强弱
- Glass Blur — 玻璃模糊度
- Speed — 雨滴速度

**Optics（光学）**
- Refraction — 折射率，控制雨滴扭曲强度
- Zoom — 背景缩放

**Image（画面）**
- Brightness — 亮度微调

---

## 快捷操作

- **拖拽文件**到页面 → 直接替换背景图/视频，或加载 `.md` 文档
- **拖拽右下角** → 调整阅读器大小

---

## 背景音乐

页面加载后自动播放雨声环境音。用喇叭按钮调节音量。

---

*Shader 效果基于 Shadertoy《Heartfelt》by BigWings*

*创意和 Prompt 来源于 mmguo《Rainy Typewriter》*
