blocks|key|3858642|text|期待看到一些不错的答案。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|3858643|在此期间，我推荐使用ShaderToy和FractalLab|offset|length|3858644|​|3858645|📷|atomic|3858646|3858647|3858648|3858649|3858650|entityMap|0|LINK|mutability|MUTABLE|url|https://www.shadertoy.com/|1|http://fractal.io/|2|IMAGE|IMMUTABLE|imageUrl|https://ask.qcloudimg.com/http-save/yehe-900000/25da4008ccce246b020664830f98db04.jpeg|imageAlt|3|https://ask.qcloudimg.com/http-save/yehe-900000/a0297aa44cfdc3e833398fb8748837e4.jpeg^0|0|A|9|0|K|A|1|0|0|0|1|2|0|0|0|0|1|3|0|0^^$0|@$1|2|3|4|5|6|7|16|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|17|8|@]|9|@$D|18|E|19|1|1A]|$D|1B|E|1C|1|1D]]|A|$]]|$1|F|3|G|5|6|7|1E|8|@]|9|@]|A|$]]|$1|H|3|I|5|J|7|1F|8|@]|9|@$D|1G|E|1H|1|1I]]|A|$]]|$1|K|3|G|5|6|7|1J|8|@]|9|@]|A|$]]|$1|L|3|G|5|6|7|1K|8|@]|9|@]|A|$]]|$1|M|3|I|5|J|7|1L|8|@]|9|@$D|1M|E|1N|1|1O]]|A|$]]|$1|N|3|G|5|6|7|1P|8|@]|9|@]|A|$]]|$1|O|3|-4|5|6|7|1Q|8|@]|9|@]|A|$]]]|P|$Q|$5|R|S|T|A|$U|V]]|W|$5|R|S|T|A|$U|X]]|Y|$5|Z|S|10|A|$11|12|13|-4]]|14|$5|Z|S|10|A|$11|15|13|-4]]]]

Looking forward to see some nice answers.

In the meantime, I recommend having a play with <a href="https://www.shadertoy.com/" rel="noreferrer">ShaderToy</a> and <a href="http://fractal.io/" rel="noreferrer">FractalLab</a>

<img src="https://i.stack.imgur.com/Kzrvy.jpg" alt="shader toy">

<img src="https://i.stack.imgur.com/nOwsV.jpg" alt="FractalLab">

blocks|key|3858692|text|它不是一个完整的集成开发环境，但benvanik的WebGL检查器浏览器扩展看起来很有前途：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|3858693|http://benvanik.github.com/WebGL-Inspector/|offset|length|3858694|从他的页面上可以找到一些你想要的特性：|3858695|用于通过单个脚本将information|3858696|GL嵌入到现有应用程序的页面中的|unordered-list-item|3858697|扩展具有步进/资源导航功能的整个GL+include|3858698|Capture调用日志和冗余的调用warnings|3858699|Pixel历史记录查看导致像素%2B混合的所有绘制调用information|3858700|GL状态显示|3858701|资源浏览器的纹理、缓冲区和程序|3858702|3858703|3858704|我只用了一点点，但它似乎比在裸体浏览器中工作要好得多。|3858705|entityMap|0|LINK|mutability|MUTABLE|url^0|0|0|17|0|0|0|0|0|0|0|0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|17|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|18|8|@]|9|@$D|19|E|1A|1|1B]]|A|$]]|$1|F|3|G|5|6|7|1C|8|@]|9|@]|A|$]]|$1|H|3|I|5|6|7|1D|8|@]|9|@]|A|$]]|$1|J|3|K|5|L|7|1E|8|@]|9|@]|A|$]]|$1|M|3|N|5|L|7|1F|8|@]|9|@]|A|$]]|$1|O|3|P|5|L|7|1G|8|@]|9|@]|A|$]]|$1|Q|3|R|5|L|7|1H|8|@]|9|@]|A|$]]|$1|S|3|T|5|L|7|1I|8|@]|9|@]|A|$]]|$1|U|3|V|5|L|7|1J|8|@]|9|@]|A|$]]|$1|W|3|-4|5|6|7|1K|8|@]|9|@]|A|$]]|$1|X|3|-4|5|6|7|1L|8|@]|9|@]|A|$]]|$1|Y|3|Z|5|6|7|1M|8|@]|9|@]|A|$]]|$1|10|3|-4|5|6|7|1N|8|@]|9|@]|A|$]]]|11|$12|$5|13|14|15|A|$16|C]]]]

It's not a full IDE, but the WebGL inspector browser extension by benvanik seems promising:

<a href="http://benvanik.github.com/WebGL-Inspector/">http://benvanik.github.com/WebGL-Inspector/</a>

From his page a number of features that might be along the lines you're looking for:

<ul>
<li>Extension for injecting into pages</li>
<li>Embed in an existing application with a single script include</li>
<li>Capture entire GL frames</li>
<li>Annotated call log with stepping/resource navigation and redundant call warnings</li>
<li>Pixel history see all draw calls that contributed to a pixel + blending information</li>
<li>GL state display </li>
<li>Resource browsers for textures, buffers, and programs</li>
</ul>

I've only used it a little bit, but it seems to be a lot better than working in the bare browser.

blocks|key|168440|text|在谷歌上仔细搜索后，我找到了glsl的这个工具。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|168441|http://syntopia.github.com/Fragmentarium/|offset|length|168442|http://wwwvis.informatik.uni-stuttgart.de/glsldevil/index.html#usage|168443|http://cg.in.tu-clausthal.de/teaching/shader_maker/index.shtml|168444|http://sourceforge.net/projects/lumina/files/|168445|http://www.kickjs.org/example/shader_editor/shader_editor.html|168446|http://web.engr.oregonstate.edu/~mjb/glman/|168447|http://www.iquilezles.org/apps/shadertoy/|168448|http://www.lighthouse3d.com/opengl/tools.shtml|168449|http://code.google.com/p/qshaderedit/|168450|很抱歉，一些链接与之前的答案重复。|168451|entityMap|0|LINK|mutability|MUTABLE|url|1|2|3|4|5|6|7|8^0|0|0|15|0|0|0|1W|1|0|0|1Q|2|0|0|19|3|0|0|1Q|4|0|0|17|5|0|0|15|6|0|0|1A|7|0|0|11|8|0|0^^$0|@$1|2|3|4|5|6|7|1C|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|1D|8|@]|9|@$D|1E|E|1F|1|1G]]|A|$]]|$1|F|3|G|5|6|7|1H|8|@]|9|@$D|1I|E|1J|1|1K]]|A|$]]|$1|H|3|I|5|6|7|1L|8|@]|9|@$D|1M|E|1N|1|1O]]|A|$]]|$1|J|3|K|5|6|7|1P|8|@]|9|@$D|1Q|E|1R|1|1S]]|A|$]]|$1|L|3|M|5|6|7|1T|8|@]|9|@$D|1U|E|1V|1|1W]]|A|$]]|$1|N|3|O|5|6|7|1X|8|@]|9|@$D|1Y|E|1Z|1|20]]|A|$]]|$1|P|3|Q|5|6|7|21|8|@]|9|@$D|22|E|23|1|24]]|A|$]]|$1|R|3|S|5|6|7|25|8|@]|9|@$D|26|E|27|1|28]]|A|$]]|$1|T|3|U|5|6|7|29|8|@]|9|@$D|2A|E|2B|1|2C]]|A|$]]|$1|V|3|W|5|6|7|2D|8|@]|9|@]|A|$]]|$1|X|3|-4|5|6|7|2E|8|@]|9|@]|A|$]]]|Y|$Z|$5|10|11|12|A|$13|C]]|14|$5|10|11|12|A|$13|G]]|15|$5|10|11|12|A|$13|I]]|16|$5|10|11|12|A|$13|K]]|17|$5|10|11|12|A|$13|M]]|18|$5|10|11|12|A|$13|O]]|19|$5|10|11|12|A|$13|Q]]|1A|$5|10|11|12|A|$13|S]]|1B|$5|10|11|12|A|$13|U]]]]

After hard searching in google i found this tools for glsl.

<a href="http://syntopia.github.com/Fragmentarium/" rel="noreferrer">http://syntopia.github.com/Fragmentarium/</a>

<a href="http://wwwvis.informatik.uni-stuttgart.de/glsldevil/index.html#usage" rel="noreferrer">http://wwwvis.informatik.uni-stuttgart.de/glsldevil/index.html#usage</a>

<a href="http://cg.in.tu-clausthal.de/teaching/shader_maker/index.shtml" rel="noreferrer">http://cg.in.tu-clausthal.de/teaching/shader_maker/index.shtml</a>

<a href="http://sourceforge.net/projects/lumina/files/" rel="noreferrer">http://sourceforge.net/projects/lumina/files/</a>

<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>

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

<a href="http://www.iquilezles.org/apps/shadertoy/" rel="noreferrer">http://www.iquilezles.org/apps/shadertoy/</a>

<a href="http://www.lighthouse3d.com/opengl/tools.shtml" rel="noreferrer">http://www.lighthouse3d.com/opengl/tools.shtml</a>

<a href="http://code.google.com/p/qshaderedit/" rel="noreferrer">http://code.google.com/p/qshaderedit/</a>

Sorry for that some links are repeat with previous answers.

blocks|key|2249303|text|这可能会有帮助，也可能没有帮助，但如果您可以访问Mac，则可以使用Quartz+Composer来完成此操作。例如，可以在合成中放置轨迹球并清除面片，将glsl着色器面片添加到轨迹球，然后将茶壶面片添加到glsl着色器面片。然后，如果转到glsl着色器上的设置，则可以访问顶点和片段着色器代码。您所做的任何更改都将实时显示。唯一的缺点是，据我所知，您必须使用硬编码的常量，而不是制服。它不是完美的，但它很适合玩新的效果和算法的快速原型。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|2249304|entityMap^0|0^^$0|@$1|2|3|4|5|6|7|D|8|@]|9|@]|A|$]]|$1|B|3|-4|5|6|7|E|8|@]|9|@]|A|$]]]|C|$]]

This may or may not help but if you have access to a Mac you can use Quartz Composer for this. For example you can put a trackball and clear patch in a composition, add a glsl shader patch to the trackball and add add the a teapot patch to the glsl shader patch. Then if you go to settings on the glsl shader, you have access to the vertex and fragment shader code. Any changes you make will be displayed in real time. The only drawback is that as far as I can tell you have to use hard-coded constants instead of uniforms. It's not perfect but its fine for playing with new effects and rapid prototyping of algorithms.

blocks|key|1787093|text|如果你在苹果电脑上进行开发，有来自苹果的OpenGL着色器构建器：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1787094|http://developer.apple.com/graphicsimaging/opengl/shader_image.html|offset|length|1787095|entityMap|0|LINK|mutability|MUTABLE|url^0|0|0|1V|0|0^^$0|@$1|2|3|4|5|6|7|M|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|N|8|@]|9|@$D|O|E|P|1|Q]]|A|$]]|$1|F|3|-4|5|6|7|R|8|@]|9|@]|A|$]]]|G|$H|$5|I|J|K|A|$L|C]]]]

If you develop on the Mac, there is the OpenGL shader builder from Apple:

<a href="http://developer.apple.com/graphicsimaging/opengl/shader_image.html" rel="noreferrer">http://developer.apple.com/graphicsimaging/opengl/shader_image.html</a>

blocks|key|1787109|text|我不知道你是否已经找到了一个适合你的工具。但是，有以下几点：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1787110|ShaderMaker+http://cgvr.cs.uni-bremen.de/teaching/shader_maker/|offset|length|style|BOLD|1787111|它是跨平台的(我已经在Windows和OSX上测试过了)|1787112|和|1787113|glman+http://web.engr.oregonstate.edu/~mjb/glman/|1787114|它只支持windows，但根据作者的说法，它最终将移植到mac上。|1787115|entityMap|0|LINK|mutability|MUTABLE|url|http://cgvr.cs.uni-bremen.de/teaching/shader_maker/|1|http://web.engr.oregonstate.edu/~mjb/glman/^0|0|0|B|C|1F|0|0|0|0|0|5|6|17|1|0|0^^$0|@$1|2|3|4|5|6|7|Z|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|10|8|@$D|11|E|12|F|G]]|9|@$D|13|E|14|1|15]]|A|$]]|$1|H|3|I|5|6|7|16|8|@]|9|@]|A|$]]|$1|J|3|K|5|6|7|17|8|@]|9|@]|A|$]]|$1|L|3|M|5|6|7|18|8|@$D|19|E|1A|F|G]]|9|@$D|1B|E|1C|1|1D]]|A|$]]|$1|N|3|O|5|6|7|1E|8|@]|9|@]|A|$]]|$1|P|3|-4|5|6|7|1F|8|@]|9|@]|A|$]]]|Q|$R|$5|S|T|U|A|$V|W]]|X|$5|S|T|U|A|$V|Y]]]]

I don't know if you've already found a tool that works for you. But, there's: 

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

which is cross-platform (I've tested it under Windows and OSX) 

and 

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

which is windows-only but, according to the authors, will be ported to mac eventually.

I'm looking for some kind of tool to work with GLSL. I want to experiment with shaders in the WebGL application, so what I'm looking for is something like RenderMonkey. As far as I know - RenderMonkey is not supported anymore, so there must be some other tool that took it's place.

The best would be if I could do both the "effect composing" like RM and the raw GLSL code development.

Tools for GLSL editing

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

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

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

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

文章

问答

视频

教程

学习中心

腾讯云实验室

直播

竞赛

腾讯云代码分析专区

腾讯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一起工作的工具。我想在WebGL应用程序中尝试使用着色器，所以我想要的是类似于RenderMonkey的东西。据我所知- RenderMonkey不再被支持，所以一定有其他工具取代了它。如果我能同时做像RM这样的“效果合成”和原始的GLSL代码开发，那就更好了。

问GLSL编辑工具
EN

回答 6

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问GLSL编辑工具EN

回答 6

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问GLSL编辑工具
EN