blocks|key|284255|text|试用KickJS的阴影编辑器。它目前支持语法突出显示，并在编写代码时编译代码。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|284256|editor.html|offset|length|284257|如果您正在运行OS/X，您应该尝试使用OpenGL着色生成器，尽管这个工具有点过时：|284258|/Developer/Applications/Graphics+Tools/OpenGL着色器Builder.app|284259|还有GLman，它可能更像是GLSL沙箱环境，而不是编辑器。程序的一个很好的介绍是在这本优秀的书：“图形着色-理论和实践-第二版”。|284260|http://web.engr.oregonstate.edu/~mjb/glman/|284261|entityMap|0|LINK|mutability|MUTABLE|url|http://www.kickjs.org/example/shader_editor/shader_editor.html|1^0|0|0|B|0|0|0|0|0|0|17|1|0^^$0|@$1|2|3|4|5|6|7|W|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|X|8|@]|9|@$D|Y|E|Z|1|10]]|A|$]]|$1|F|3|G|5|6|7|11|8|@]|9|@]|A|$]]|$1|H|3|I|5|6|7|12|8|@]|9|@]|A|$]]|$1|J|3|K|5|6|7|13|8|@]|9|@]|A|$]]|$1|L|3|M|5|6|7|14|8|@]|9|@$D|15|E|16|1|17]]|A|$]]|$1|N|3|-4|5|6|7|18|8|@]|9|@]|A|$]]]|O|$P|$5|Q|R|S|A|$T|U]]|V|$5|Q|R|S|A|$T|M]]]]

Try out KickJS's Shader Editor. It currently supports syntax highlight and compiles the code as you write.

<a href="http://www.kickjs.org/example/shader_editor/shader_editor.html" rel="noreferrer">http://www.kickjs.org/example/shader_editor/shader_editor.html</a>

If you are running OS/X you should try out the OpenGL Shader Builder, even though this tool feels a little out-dated:

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

There is also the GLman, which maybe is more a GLSL sandbox environment than a editor. A good introduction to the program is found in the excellent book: 'Graphics Shaders - Theory and practice - Second edition'.

<a href="http://web.engr.oregonstate.edu/~mjb/glman/" rel="noreferrer">http://web.engr.oregonstate.edu/~mjb/glman/</a>

blocks|key|764322|text|我发现着色器玩具很有帮助。包含一些预定义的着色器，您可以调整和看到即时的结果。所有的在线和涵盖WebGL，OpenGL+es1.1/(一些)+2.0，可能OpenGL各种版本也。|type|unstyled|depth|inlineStyleRanges|offset|length|style|BOLD|entityRanges|data|764323|https://www.shadertoy.com/|764324|它通过一些预定义的制服，以及多达4种纹理，你也可以超链接。|764325|以下是以下投入：|764326|统一vec4鼠标:+xy包含当前像素坐标(如果LMB下降)。zw包含单击像素。|unordered-list-item|764327|统一vec2解析:呈现视点分辨率。|764328|统一浮动时间:以秒为单位的当前时间。|764329|统一sampler2D+tex0:输入纹理0的取样器。|764330|统一sampler2D+tex1:输入纹理1的取样器。|764331|统一sampler2D+tex2:输入纹理2的取样器。|764332|统一sampler2D+tex3:输入纹理3的取样器。|764333|entityMap|0|LINK|mutability|MUTABLE|url^0|3|5|0|0|Q|0|0|0|0|0|0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|17|8|@$9|18|A|19|B|C]]|D|@]|E|$]]|$1|F|3|G|5|6|7|1A|8|@]|D|@$9|1B|A|1C|1|1D]]|E|$]]|$1|H|3|I|5|6|7|1E|8|@]|D|@]|E|$]]|$1|J|3|K|5|6|7|1F|8|@]|D|@]|E|$]]|$1|L|3|M|5|N|7|1G|8|@]|D|@]|E|$]]|$1|O|3|P|5|N|7|1H|8|@]|D|@]|E|$]]|$1|Q|3|R|5|N|7|1I|8|@]|D|@]|E|$]]|$1|S|3|T|5|N|7|1J|8|@]|D|@]|E|$]]|$1|U|3|V|5|N|7|1K|8|@]|D|@]|E|$]]|$1|W|3|X|5|N|7|1L|8|@]|D|@]|E|$]]|$1|Y|3|Z|5|N|7|1M|8|@]|D|@]|E|$]]|$1|10|3|-4|5|6|7|1N|8|@]|D|@]|E|$]]]|11|$12|$5|13|14|15|E|$16|G]]]]

I found shader toy to be helpful. Contains some predefined shaders you can tweak and see instant results. All online and covers WebGL, OpenGL ES 1.1 / (some) 2.0, probably OpenGL various versions too.

<a href="https://www.shadertoy.com/" rel="nofollow">https://www.shadertoy.com/</a>

It passes in some predefined uniforms as well as up to 4 textures you can hyperlink too.

Here are the following inputs:

<ul>
<li>uniform vec4 mouse: xy contain the current pixel coords (if LMB is down). zw contain the click pixel.</li>
<li>uniform vec2 resolution: the rendering vieport resolution.</li>
<li>uniform float time: current time in seconds.</li>
<li>uniform sampler2D tex0: sampler for input texture 0.</li>
<li>uniform sampler2D tex1: sampler for input texture 1.</li>
<li>uniform sampler2D tex2: sampler for input texture 2.</li>
<li>uniform sampler2D tex3: sampler for input texture 3.</li>
</ul>

blocks|key|373733|text|我发现http://glsl.heroku.com很有趣，您只能编辑片段着色器，但是它对于测试某些效果非常有用。|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|373734|而且它是开源的！您可以在github：https://github.com/mrdoob/glsl-sandbox上获得源代码|373735|使用此编辑器的着色器示例：http://glsl.heroku.com/e#7310.0+(它不是我的，顺便说一句)|373736|entityMap|0|LINK|mutability|MUTABLE|url|http://glsl.heroku.com/|1|https://github.com/mrdoob/glsl-sandbox|2|http://glsl.heroku.com/e#7310.0^0|3|M|0|0|J|12|1|0|D|V|2|0^^$0|@$1|2|3|4|5|6|7|T|8|@]|9|@$A|U|B|V|1|W]]|C|$]]|$1|D|3|E|5|6|7|X|8|@]|9|@$A|Y|B|Z|1|10]]|C|$]]|$1|F|3|G|5|6|7|11|8|@]|9|@$A|12|B|13|1|14]]|C|$]]|$1|H|3|-4|5|6|7|15|8|@]|9|@]|C|$]]]|I|$J|$5|K|L|M|C|$N|O]]|P|$5|K|L|M|C|$N|Q]]|R|$5|K|L|M|C|$N|S]]]]

I've found <a href="http://glsl.heroku.com" rel="nofollow">http://glsl.heroku.com</a> interesting, you can edit only the fragment shader, but it's quite useful for testing some effects.

And it's open source! You can get the source on github: <a href="https://github.com/mrdoob/glsl-sandbox" rel="nofollow">https://github.com/mrdoob/glsl-sandbox</a>

Example of a shader using this editor: <a href="http://glsl.heroku.com/e#7310.0" rel="nofollow">http://glsl.heroku.com/e#7310.0</a> (it's not mine, btw)

I'm looking for a GLSL editor program. I did find some by googling, but I wanna know if there are any preferred ones based on user experience. 

Possible features: 

<ul>
<li>Syntax Highlighting</li>
<li>Intellisense</li>
<li>Automatic compile and link</li>
</ul>

P.S. 
I'm not even sure if it's meaningful/possible for GLSL to be compiled automatically (any comments?). 

EDIT: 
Here's what I found: 

<ul>
<li><a href="http://cgvr.cs.uni-bremen.de/teaching/shader_maker/" rel="nofollow noreferrer">Shader Maker</a></li>
</ul>

GLSL Editor program

翻译质量差，导致语言生硬或混乱。

没有提供实际的解决方法或示例。

解答不清晰，无法理解或解决问题。

页面排版不美观，阅读体验差。

文章

问答

视频

教程

学习中心

腾讯云实验室

直播

竞赛

腾讯云代码分析专区

腾讯iOA零信任安全管理系统专区

腾讯云架构师技术同盟交流圈

腾讯云数据库专区

腾讯云智能顾问专区

腾讯云原生专区

腾讯混元专区

腾讯云TCE专区

腾讯云Lighthouse专区

腾讯云HAI专区

腾讯云Edgeone专区

腾讯云存储专区

腾讯云智能专区

腾讯轻联专区 

腾讯云开发专区

TAPD专区

腾讯轻量云游戏服专区

腾讯云最具价值专家

腾讯云架构师技术同盟

腾讯云创作之星

腾讯云开发者先锋

腾讯云AI代码助手

云原生构建

TAPD 敏捷项目管理

Cloud Studio

SDK中心

API中心

命令行工具

功能1上新10个字符

功能2描述100个字符功能2描述100个字符功能2描述100个字符功能2描述100个字符功能2描述100个字符功能2描述100个字符功能2描述100个字符功能2描述100个字符功能2描述100个字符。

功能2上新100个字符功能2上新100个字符功能2上新100个字符功能2上新100个字符功能2上新100个字符功能2上新100个字符功能2上新100个字符功能2上新100个字符功能2上新100个字符。

功能5描述100个字符功能5描述100个字符功能5描述100个字符功能5描述100个字符功能5描述100个字符功能5描述100个字符

功能5上新100个字符功能5上新100个字符功能5上新100个字符功能5上新100个字符功能5上新100个字符功能5上新100个字符功能5上新100个字符功能5上新100个字符功能5上新100个字符功能5上新100个字符

功能4上新

文章&问答评论现已支持表情

全新交互，全新视觉，新增快捷键、悬浮工具栏、高亮块等功能并同时优化现有功能，全面提升创作效率和体验

社区富文本编辑器全新改版！诚邀体验～ 

精选全网热门MCP server，让你的AI更好用 🚀

💥开发者 MCP广场重磅上线！

涵盖代码开发、场景应用、自动测试全流程，助你从零构建专属AI助手

一站式MCP教程库，解锁AI应用新玩法

聚焦“写作效率、视觉美观与运行性能”三方面进行全面升级，为您提供更高效、稳定的创作环境

社区富文本&Markdown编辑器全新改版上线，欢迎大家体验!

诚挚邀请您参与本次调研，分享您的真实使用感受与建议。您的反馈至关重要，感谢您的支持与参与！

社区新版编辑器体验调研

我在找一个GLSL编辑程序。我确实通过谷歌搜索找到了一些，但我想知道是否有任何首选的基于用户体验。可能的特性：语法高亮智能感知自动编译与链接附注：我甚至不确定GLSL自动编译是否有意义/可能(有什么评论吗？)编辑：下面是我的发现：

问GLSL编辑程序
EN

回答 3

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问GLSL编辑程序EN

回答 3

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问GLSL编辑程序
EN