05-07-2019, 05:22 AM
ShaderFrog Shader Editor
<div style="margin: 5px 5% 10px 5%;"><img src="http://www.sickgaming.net/blog/wp-content/uploads/2019/05/shaderfrog-shader-editor.png" width="804" height="281" title="" alt="" /></div><div><p>If you are looking for a tool to quickly create complex shaders by mixing and matching existing shaders, <a href="https://shaderfrog.com/">ShaderFrog</a> might be the perfect tool for you! Running entirely in your browser, ShaderFrog can be used to create WebGL shaders in two ways. First you can create a shader by connecting together existing shaders, to create a new composite shader. Shaders can even be imported from <a href="https://www.shadertoy.com/">ShaderToy</a> or the <a href="http://glslsandbox.com/">GLSL Sandbox</a>.</p>
<p><a href="https://www.gamefromscratch.com/image.axd?picture=image_3431.png"><img width="804" height="281" title="image" alt="image" src="http://www.sickgaming.net/blog/wp-content/uploads/2019/05/shaderfrog-shader-editor.png" border="0"></a></p>
<p>In addition to the composition based approach, there is also a full blown GLSL text editor with automatic compilation/error reporting, syntax highlighting and more. Once you are happy with your created shader, you can save it, share it, or export it to iOS, Unity or Three.js.</p>
<p>Check out ShaderFrog in action in the video below.</p>
<p align="center"><iframe class='youtube-player' type='text/html' width='853' height='480' src='https://www.youtube.com/embed/CEC5NGbf_d4?version=3&rel=1&fs=1&autohide=2&showsearch=0&showinfo=1&iv_load_policy=1&wmode=transparent' allowfullscreen='true' style='border:0;'></iframe></p>
<p class="under"> <span class="categories"><a href="https://www.gamefromscratch.com/category/Programming.aspx">Programming</a> <a href="https://www.gamefromscratch.com/category/Design.aspx">Design</a> <a href="https://www.gamefromscratch.com/category/Art.aspx">Art</a></span> <span class="tags"><a href="https://www.gamefromscratch.com/?tag=/Tools" rel="tag">Tools</a></span> </p>
<hr>
</div>
<div style="margin: 5px 5% 10px 5%;"><img src="http://www.sickgaming.net/blog/wp-content/uploads/2019/05/shaderfrog-shader-editor.png" width="804" height="281" title="" alt="" /></div><div><p>If you are looking for a tool to quickly create complex shaders by mixing and matching existing shaders, <a href="https://shaderfrog.com/">ShaderFrog</a> might be the perfect tool for you! Running entirely in your browser, ShaderFrog can be used to create WebGL shaders in two ways. First you can create a shader by connecting together existing shaders, to create a new composite shader. Shaders can even be imported from <a href="https://www.shadertoy.com/">ShaderToy</a> or the <a href="http://glslsandbox.com/">GLSL Sandbox</a>.</p>
<p><a href="https://www.gamefromscratch.com/image.axd?picture=image_3431.png"><img width="804" height="281" title="image" alt="image" src="http://www.sickgaming.net/blog/wp-content/uploads/2019/05/shaderfrog-shader-editor.png" border="0"></a></p>
<p>In addition to the composition based approach, there is also a full blown GLSL text editor with automatic compilation/error reporting, syntax highlighting and more. Once you are happy with your created shader, you can save it, share it, or export it to iOS, Unity or Three.js.</p>
<p>Check out ShaderFrog in action in the video below.</p>
<p align="center"><iframe class='youtube-player' type='text/html' width='853' height='480' src='https://www.youtube.com/embed/CEC5NGbf_d4?version=3&rel=1&fs=1&autohide=2&showsearch=0&showinfo=1&iv_load_policy=1&wmode=transparent' allowfullscreen='true' style='border:0;'></iframe></p>
<p class="under"> <span class="categories"><a href="https://www.gamefromscratch.com/category/Programming.aspx">Programming</a> <a href="https://www.gamefromscratch.com/category/Design.aspx">Design</a> <a href="https://www.gamefromscratch.com/category/Art.aspx">Art</a></span> <span class="tags"><a href="https://www.gamefromscratch.com/?tag=/Tools" rel="tag">Tools</a></span> </p>
<hr>
</div>