33 lines
756 B
Markdown
33 lines
756 B
Markdown
# 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. 对比目标效果后持续微调参数
|