什么是WebGL着色器演练场?

一款实时着色器编辑器,让您编写 GLSL 顶点着色器和片段着色器,并通过 WebGL 即时查看渲染结果。无需任何本地配置,非常适合学习着色器编程、原型化视觉特效或探索 GPU 加速图形。

使用方法

  1. 将您的 GLSL 片段着色器代码写入或粘贴到编辑器中。编辑器内置了一个默认着色器帮助您快速上手。
  2. 在编辑器中输入代码时,实时预览会自动更新。内置 uniform 变量包括时间、分辨率和鼠标位置。
  3. 将着色器导出为 PNG 截图,或复制代码用于您自己的 WebGL 项目。

结果

一位游戏开发者在原型制作水波纹特效时,使用正弦波和时间 uniform 编写片段着色器,在预览面板中实时观察动态效果。

相关工具