cornerstone post to link to all of my related GLSL ramblings and store some relevant links. will add more in time.



helpful tools:



<ul class="wp-block-list">
<li><a href="https://www.shadertoy.com/">shadertoy</a></li>



<li><a href="https://graphtoy.com/">graphtoy</a></li>



<li><a href="https://synesthesia.live/">synesthesia</a></li>



<li><a href="https://www.poshbrolly.net/">posh brolly</a></li>



<li><a href="https://thebookofshaders.com/">book of shaders</a></li>



<li>glsl docs
<ul class="wp-block-list">
<li><a href="https://www.khronos.org/opengl/wiki/Core_Language_(GLSL)">official wiki</a></li>



<li><a href="https://registry.khronos.org/OpenGL-Refpages/gl4/">official refpages</a></li>



<li><a href="https://docs.gl/sl4/all">docs.GL</a></li>
</ul>
</li>



<li><a href="https://iquilezles.org/articles/">inigo quilez&#8217;s blog</a></li>



<li><a href="https://github.com/patriciogonzalezvivo?tab=repositories">patricios gonzalez vivo&#8217;s repos</a></li>



<li>sdf builder tools&#8230;
<ul class="wp-block-list">
<li><a href="https://ephtracy.github.io/index.html?page=magicacsg">https://ephtracy.github.io/index.html?page=magicacsg</a></li>



<li></li>
</ul>
</li>
</ul>







Which GLSL version to use?



Unfortunately in 2024 I recommend 3.3. Almost every device has support for newer 4.x nowadays but if you want to support Macs (where OpenGL is deprecated 😬) then 3.3 seems the latest reliable version.



If you know you&#8217;re targeting newer Windows/Linux machines only you can play with 4.2+ and enjoy some newer capabilities, but most of them can also be &#8216;polyfilled&#8217; in a sense with workarounds in 3.3



<h2 class="wp-block-heading">Shadertoy</h2>



Shadertoy is an essential cornerstone to the online GLSL world and is where I&#8217;ve done so much of my GLSL learning.



my shadertoy: <a href="https://www.shadertoy.com/user/ufffd">https://www.shadertoy.com/user/ufffd</a>



breakdowns of my shaders:



to come. let me know if theres a particular one you want explained in greater depth







<h2 class="wp-block-heading">Synesthesia</h2>



breakdowns of my Synesthesia scenes:



to come. let me know if theres a particular one you want explained in greater depth