什么是WebGL着色器演练场?

编写 GLSL 顶点着色器和片段着色器,通过 WebGL 即时查看渲染结果。无需任何本地配置。用来学习着色器编程、原型化视觉特效或尝试 GPU 加速图形。

使用方法

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

结果

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

相关工具