GLSL编辑程序

Question

我正在寻找一个GLSL编辑器程序。我确实通过谷歌搜索找到了一些，但我想知道是否有任何基于用户体验的首选。

可能的功能：

• 语法突出显示
• 智能感知
• 自动编译和链接

P.S。
我甚至不确定GLSL是否有意义/可能自动编译（任何评论？）。

修改
这是我发现的：

• Shader Maker

Answer 1

试用KickJS的着色器编辑器。它目前支持语法高亮，并在您编写时编译代码。

http://www.kickjs.org/example/shader_editor/shader_editor.html

如果你正在运行OS / X，你应该试用OpenGL Shader Builder，即使这个工具有点过时了：

/ Developer / Applications / Graphics Tools / OpenGL Shader Builder.app

还有GLman，它可能更像是一个GLSL沙箱环境，而不是编辑器。这本优秀的书中有一个很好的介绍：“图形着色器 - 理论与实践 - 第二版”。

http://web.engr.oregonstate.edu/~mjb/glman/

Answer 2

我发现着色器玩具很有帮助。包含一些预定义着色器，您可以调整并查看即时结果。所有在线和涵盖WebGL，Op​​enGL ES 1.1 /（部分）2.0，可能也是OpenGL的各种版本。

https://www.shadertoy.com/

它传递了一些预定义的制服以及最多4个纹理，你也可以超链接。

以下是以下输入：

• 均匀vec4鼠标：xy包含当前像素坐标（如果LMB已关闭）。 zw包含点击像素。
• 统一vec2分辨率：渲染视频分辨率。
• 统一浮动时间：以秒为单位的当前时间。
• uniform sampler2D tex0：输入纹理0的采样器。
• uniform sampler2D tex1：输入纹理1的采样器。
• uniform sampler2D tex2：输入纹理的采样器2.
• uniform sampler2D tex3：输入纹理3的采样器。

Answer 3

我发现http://glsl.heroku.com很有趣，你只能编辑片段着色器，但它对于测试一些效果非常有用。

它是开源的！您可以在github上获取源代码：https://github.com/mrdoob/glsl-sandbox

使用此编辑器的着色器示例：http://glsl.heroku.com/e#7310.0（它不是我的，顺便说一下）