ShaderLab 是浏览器中的 WebGL2 GLSL 编辑器。您可在浏览器中直接编写着色器，并在后台实时预览进度。随后可通过评论分享作品并获取反馈，还可浏览其他创作者的作品。

提供 26 个替代方案

Shdr 是一个由 Thibaut Despoulain (BKcore) 开发的实时 ESSL (GLSL) 着色器编辑器、查看器和验证器，基于 WebGL 技术。

提供 26 个替代方案

《着色器之书》为初学者提供了一条温和而循序渐进的路径，带领他们探索片段着色器这一抽象且复杂的领域。除了大量富有洞察力的插图外，该网站还配备了一个非常直观的实时编码编辑器，让用户在编写代码时能轻松观察到变化。

提供 26 个替代方案

GSN COMPOSER 是一个免费的基于网络的可视化编程环境，用于在线多媒体处理。其典型应用领域包括教育、研究、娱乐、特效或艺术。

提供 16 个替代方案

KodeLife 是一款快速、轻量的实时编码 IDE，专为着色器开发设计。它原生支持 Mac、Windows 和 Linux 桌面平台，并兼容各种 OpenGL GLSL 语法，以及特定平台的着色语言，如 Metal 着色语言和 DirectX HLSL。

提供 20 个替代方案

Shader Frog 允许你通过组合两个或多个着色器并调整其参数来创建视觉效果。你可以用简单的组件构建复杂的特效，然后将着色器导出，用于你的 THREE.js 游戏或应用中。

基于WebGL的原型节点式着色器编辑器，支持通过节点交互式地编辑和创建材质，可拖放纹理并使用多种类似其他编辑器的功能。

The Force 是一个基于网页的 WebGL IDE/代码编辑器，具备音频输入控制、OSC 支持、纹理面板等功能。

Shader Learning 是一个基于浏览器的交互式平台，通过实践练习学习 GPU 编程。它提供超过 250 个 GLSL 和 HLSL 挑战，用户可直接在浏览器中编写和测试着色器，无需任何配置。

Rayground 是一个基于光线追踪范式的快速算法原型设计框架。其主要目标是帮助开发、测试和共享展示特定方法或技术的独立模块。