2026-04-01 18:22:45 +08:00
2026-04-01 18:22:45 +08:00
2026-04-01 18:22:45 +08:00
2026-04-01 18:22:45 +08:00

VFXdemo

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

启动

python3 -m http.server 5173

打开 http://localhost:5173

页面能力

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

兼容的 uniform

  • iResolution
  • iTime
  • iTimeDelta
  • iFrame
  • iMouse

复刻工作流建议

  1. 在 ShaderToy 复制完整 GLSL至少包含 mainImage
  2. 粘贴到左侧输入框并点击“新增预览”
  3. 对比目标效果后持续微调参数
Description
用于展示特效案例
Readme 7.5 MiB
Languages
JavaScript 72.1%
HTML 25.5%
Shell 2.1%
Dockerfile 0.3%