# VFXdemo

一个用于快速复刻 ShaderToy 效果的本地工具页（WebGL2 多预览面板）。

## 启动

```bash
python3 -m http.server 5173
```

打开 `http://localhost:5173`。

## 页面能力

- 左侧工具区：粘贴 ShaderToy GLSL（包含 `mainImage`）并新增预览卡片
- 右侧面板：多个 VFX 同屏实时渲染，适合“散布式特效预览”
- 内置多个默认特效卡片，可直接当样例改造
- 全局暂停/继续、全局重置时间

## 兼容的 uniform

- `iResolution`
- `iTime`
- `iTimeDelta`
- `iFrame`
- `iMouse`

## 复刻工作流建议

1. 在 ShaderToy 复制完整 GLSL（至少包含 `mainImage`）
2. 粘贴到左侧输入框并点击“新增预览”
3. 对比目标效果后持续微调参数