Official repository for https://www.facebook.com/groups/vec4glsl/
- complete
- https://threejs.org/ - THE WebGl Framework
- https://veda.gl/vedajs/ - useful for Shader Art
- https://whs.io/
- https://aframe.io/ - A framework useful to build WebVR experiences
- https://www.babylonjs.com/
- http://regl.party/ - declarative and stateless webgl
- https://cables.gl/ - Online WebGL Visual Programming
- low-level
- http://twgljs.org/
- https://github.com/search?l=JavaScript&q=nanogl&type=Repositories - NanoGL
- https://github.com/vaneenige/phenomenon - nice for fragment shaders
- https://www.martin-laxenaire.fr/libs/curtainsjs/ - WebGL transitions focused
- https://playcanvas.com/ - Game engine with online editor (free for public projects)
- https://webglstats.com/ - The statistics on this site help WebGL developers make decisions about hardware capabilities.
- http://webglreport.com/ - Check your WebGL client support,
- Basics
- https://thebookofshaders.com/
- https://gamedevelopment.tutsplus.com/tutorials/a-beginners-guide-to-coding-graphics-shaders--cms-23313
- https://www.scratchapixel.com/
- https://aerotwist.com/tutorials/an-introduction-to-shaders-part-1/
- https://webglfundamentals.org/
- http://www.webglacademy.com/
- https://www.tutorialspoint.com/webgl/index.htm
- https://www.shadertoy.com/view/Md23DV - nice interactive tutorial for GLSL
- https://webglfundamentals.org/webgl/lessons/webgl-anti-patterns.html
- http://immersivemath.com/ila/index.html
- Videos
- https://www.youtube.com/watch?v=wHdK1Mtuhm8&list=PLMlvA2UVVK3n26u5O7KFs1RbSV6dAHB0g - Introduction to some Three.js concepts ITA
- Advanced (maths, tips, optimizations)
- https://webglfundamentals.org/ - must-have from Greggman/TwglJS
- https://developer.mozilla.org/en-US/docs/Games/Techniques/3D_on_the_web/GLSL_Shaders
- https://medium.com/@Zadvorsky/into-vertex-shaders-594e6d8cd804
- http://www.iquilezles.org/www/index.htm - Rendering techniques, useful maths, coding hacks…
- https://aerotwist.com/tutorials/an-introduction-to-shaders-part-1/
- https://blog.demofox.org/
- https://medium.com/@luruke/simple-postprocessing-in-three-js-91936ecadfb7
- https://www.khronos.org/opengl/wiki/GLSL_Optimizations
- from ShaderToy Master FabriceN lots of valuable tips:
- https://developer.apple.com/library/archive/documentation/3DDrawing/Conceptual/OpenGLES_ProgrammingGuide/BestPracticesforShaders/BestPracticesforShaders.html#//apple_ref/doc/uid/TP40008793-CH7-SW3
- https://www.khronos.org/registry/OpenGL-Refpages/
- https://www.ronja-tutorials.com/ - Unity Related
- https://alastaira.wordpress.com/2015/08/07/unity-shadertoys-a-k-a-converting-glsl-shaders-to-cghlsl/ - Unity Related
- https://medium.com/@Zadvorsky/webgl-masking-composition-75b82dd4cdfd
A list including resources / tools/ editors for GLSL prototyping:
- http://www.shadertoy.com From IQ ( Inigo Quilez ) THE place for Shader ( Inigo Quilez )
- http://glslsandbox.com/ just like ShaderToy, live shader editor
- From Greggman
- https://www.vertexshaderart.com/ - like ShaderToy, but dedicated to vertex shader computing.
- http://www.interactiveshaderformat.com/ Originally created by VDMX VJ software, it is a interactive version of GLSL.
- http://www.cdglabs.org/Shadershop/ From Toby Schachman - interesting approach of visualizing math and glsl functions.
- From Patricio Gonzalez Vivo
- glslEditor another GLSL shader editor.
- http://editor.thebookofshaders.com/
- http://shdr.bkcore.com/ From Thibaut Despoulain - simple live shader editor.
- https://godotengine.org/article/visual-shader-editor-back
- http://syntopia.github.io/Fragmentarium/
- https://www.gsn-lib.org/docs/nodes/ShaderPluginNode.php
- https://hexler.net/software/kodelifes
- https://shadergif.com/
- https://cables.gl/home
- https://webgl2fundamentals.org/webgl/lessons/webgl1-to-webgl2.html
- https://github.com/shrekshao/webgl2examples
- https://webglfundamentals.org/webgl/lessons/webgl-text-html.html
- https://webglfundamentals.org/webgl/lessons/webgl-text-canvas2d.html
- https://webglfundamentals.org/webgl/lessons/webgl-text-texture.html
- https://medium.com/@calebfaith/implementing-msdf-font-in-opengl-ea09a9ab7e00
- https://delphic.me.uk/tutorials/webgl-text
- https://github.com/Jam3/three-bmfont-text/blob/master/docs/sdf.md
- https://stackoverflow.com/questions/25956272/better-quality-text-in-webgl
- https://blog.mapbox.com/drawing-text-with-signed-distance-fields-in-mapbox-gl-b0933af6f817
- http://pixelscommander.com/polygon/pixi-sdf-text/demo/
- https://github.com/donmccurdy/msdf-bmfont-web
- https://github.com/Chlumsky/msdfgen
- Curated case-study collection by @luruke