Skip to content

Learning Sources

Lernquellen Reihenfolge

  • [x] Learn GLSL Shaders From Scratch - https://www.udemy.com/course/learn-glsl-shaders-from-scratch/
  • [x] https://www.youtube.com/watch?v=f4s1h2YETNY
  • [ ] Notes to finish
  • [ ] Dayone Notes
  • [ ] Book of Shaders

  • [ ] PRACTISE PRACTISE PRACTISE - You need to try things out not just learn basic resources - otherwise you dont get better and just get stuck https://www.youtube.com/playlist?app=desktop&list=PLgfxkm9xFocbc6wiO3A8vXalP4K57yUKo https://itp-xstory.github.io/p5js-shaders/#/./docs/examples/bookofshaders https://www.shadertoy.com/view/dl2yRK https://www.shadertoy.com/view/llsfDf https://editor.p5js.org/NicolasTilly/sketches/djpN2njcm https://aferriss.github.io/p5jsShaderExamples/4_image-effects/4-17_delay/ https://aferriss.github.io/p5jsShaderExamples/3_uniforms/3-2_texture2d/ https://aferriss.github.io/p5jsShaderExamples/4_image-effects/4-6_pixelate/ https://aferriss.github.io/p5jsShaderExamples/4_image-effects/4-5_stripes-from-image/ https://aferriss.github.io/p5jsShaderExamples/4_image-effects/4-3_sinewave-distort/ https://www.shadertoy.com/view/dl2XWG https://www.shadertoy.com/view/WtKcW3 https://www.shadertoy.com/view/4Xs3RB https://www.shadertoy.com/view/3lVGWG https://www.shadertoy.com/view/wlXSz7 https://www.shadertoy.com/view/Xs3GzH https://www.shadertoy.com/view/lsdBW2 https://www.shadertoy.com/view/XcfGD7 https://www.shadertoy.com/view/csfSRS https://www.shadertoy.com/view/DslSz7 https://www.shadertoy.com/view/3dBXRd https://www.shadertoy.com/view/WtSfW1 https://www.shadertoy.com/view/wdSXzt https://www.shadertoy.com/view/3dtczH https://www.shadertoy.com/view/llGXWm https://www.shadertoy.com/view/4tfcz4 https://www.shadertoy.com/results?query=bend&sort=popular&from=132&num=12 https://itp-xstory.github.io/p5js-shaders/#/ https://www.shadertoy.com/view/XdXGDS https://www.shadertoy.com/view/4dsyWB https://www.shadertoy.com/view/wt2BWG https://www.shadertoy.com/view/MtXyD2 https://www.shadertoy.com/view/XllfzS https://www.shadertoy.com/view/Xd2BDm https://www.shadertoy.com/view/4ltXRr https://www.shadertoy.com/view/XlS3Wm https://www.shadertoy.com/view/wljyDz https://www.shadertoy.com/view/4dsSDB https://www.shadertoy.com/view/4sfBWj https://www.shadertoy.com/view/MdS3R3 https://www.shadertoy.com/view/Xts3D7 https://www.shadertoy.com/view/XsfSD4 https://www.shadertoy.com/view/Msd3W2 https://www.shadertoy.com/view/MlGGz3 https://www.shadertoy.com/view/3sfczf https://www.shadertoy.com/view/tdG3Rd https://www.shadertoy.com/view/4t3SzN https://www.shadertoy.com/view/wl2yRD https://www.shadertoy.com/view/XlXcDM https://www.shadertoy.com/view/lsySzw https://www.shadertoy.com/results?query=+warp&sort=popular&from=72&num=12 https://www.shadertoy.com/view/dlfXRn https://www.shadertoy.com/view/MdjSDD https://www.shadertoy.com/view/ctfczB https://www.shadertoy.com/view/WssyRB https://www.shadertoy.com/view/MddBDS https://www.shadertoy.com/view/Xt2XRR https://thndl.com/the-art-of-repepetition.html https://thndl.com/continuously-discrete.html https://thndl.com/more-noise.html https://thndl.com/page/3/ https://thndl.com/ https://www.youtube.com/watch?v=mOEbXQWtP3M&list=PLC80qbPkXBmw3IR6JVvh7jyKogIo5Bi-d https://jamie-wong.com/2016/07/15/ray-marching-signed-distance-functions/ https://sive.rs/book/IsraelMMC https://editor.isf.video/shaders/5e7a80497c113618206dee83 https://editor.isf.video/shaders/5e7a7fcb7c113618206de476 https://www.youtube.com/@DanMoranGameDev https://www.youtube.com/@TheArtofCodeIsCool https://www.youtube.com/@curiouslyminded/videos https://www.youtube.com/@akella_ https://www.shadertoy.com/view/tdffDN https://x.com/lejeunerenard https://codepen.io/ilithya/details/KKqyKve https://www.youtube.com/watch?v=W5gR_Kww2k8&t=265s https://gpfault.net/posts/perlin-noise.txt.html https://devsnap.me/three-js-examples https://discourse.threejs.org https://duckduckgo.com/?atb=v372-1&ia=web&q=Threejs+tree https://github.com/acrose99/Three-JS-Snippets/tree/170b1452a15e07115ee53d88c750ece514986564 https://codepen.io/cluzier/pen/KxWLjq https://www.codame.com https://charstiles.com https://shaderlabs.org/wiki/Complementary_Shaders https://www.curiouslyminded.xyz https://codepen.io/ilithya/details/zxOKmEM https://www.youtube.com/watch?v=Nu6oRlPthmE https://www.youtube.com/results?search_query=master+three.js+interaction https://wawasensei.dev/courses/react-three-fiber/lessons/theatre-js https://www.youtube.com/watch?v=UMqNHi1GDAE https://www.youtube.com/watch?v=ZqEa8fTxypQ https://codepen.io/ArbnorHajdini/pen/VjjBog https://thndl.com/raking-thru-embers.html https://www.shadertoy.com/view/lssSDH

  • [ ] https://www.youtube.com/watch?v=0ifChJ0nJfM

  • [ ] https://www.youtube.com/watch?v=q-0rBJHaWH0&list=PLyuV91SJJre73sW3p2zQFRH_yU1jObXLE&index=1
  • [ ] https://www.youtube.com/watch?v=kfM-yu0iQBk
  • [ ] https://www.youtube.com/watch?v=ekQcLN5n6lc&list=PLjcjAqAnHd1HD2Czzgp5GZtG9fnUkqLlV
  • [ ] https://www.youtube.com/watch?v=hX3mazz8txo
  • [ ] https://forum.unity.com/threads/share-some-experiences-for-those-who-want-to-learn-rendering-or-shaders.1297734/
  • [ ] https://www.youtube.com/watch?v=3mfvZ-mdtZQ&t=1070s
  • [ ] https://niksgames.com/libs/MyShaderChunks.js
  • [ ] https://webglfundamentals.org/webgl/lessons/webgl-shaders-and-glsl.html
  • [ ] Vertex Shader
  • [ ] https://www.youtube.com/watch?v=kTVUvfp5og8
  • [ ] https://ciphrd.com/2020/04/08/pixel-sorting-on-shader-using-well-crafted-sorting-filters-glsl/
  • [ ] https://www.youtube.com/channel/UCcAlTqd9zID6aNX3TzwxJXg
  • [ ] https://www.lighthouse3d.com/tutorials/glsl-tutorial/
  • [ ] https://www.youtube.com/watch?v=ixEPBzrhgTg&list=PLTEbuqk52pICikiHfD-a52dxEav5UqMLy
  • [ ] https://www.youtube.com/watch?v=8bbTkNZYdQ8
  • [ ] https://iquilezles.org/articles/warp/
  • [ ] https://glslsandbox.com/
  • [ ] https://www.youtube.com/watch?v=hZj6jaYNKJo&t=3480s
  • [ ] https://github.com/patriciogonzalezvivo/glslViewer
  • [ ] https://shaderfrog.com/app https://forum.unity.com/threads/basic-questions-about-shader-how-to-study.1306656/ https://catlikecoding.com/unity/tutorials/rendering/ https://www.youtube.com/watch?v=oKbCaj1J6EI https://www.amazon.de/Graphics-Shaders-Theory-Practice-English-ebook/dp/B00OD4FWKW/ref=sr_1_9?__mk_de_DE=%C3%85M%C3%85%C5%BD%C3%95%C3%91&crid=3H407IHNURP38&keywords=GLSL+shader&qid=1704367437&sprefix=glsl+shader%2Caps%2C103&sr=8-9
  • [ ] Raymarching

https://github.com/glslify/glsl-easings https://github.com/realazthat/glsl-gaussian https://webglfundamentals.org/webgl/lessons/webgl-shaders-and-glsl.html https://interactiveimmersive.io/blog/glsl/glsl-data-tricks https://glsl.evos.studio/ https://www.geeks3d.com/20100909/shader-library-gaussian-blur-post-processing-filter-in-glsl/ https://hydra.ojack.xyz/docs/docs/learning/extending-hydra/glsl/ https://glslsandbox.com/ https://github.com/FarazzShaikh/glNoise https://www.youtube.com/watch?v=VOyZRRv7PNc https://github.com/aferriss/p5jsShaderExamples/?tab=readme-ov-file https://github.com/aferriss/p5jsShaderExamples/ https://www.youtube.com/playlist?list=PL5zzMHjnPWS03e_t7jik_-stynirBRrPc https://interactiveimmersive.io/blog/category/glsl https://aferriss.github.io/p5jsShaderExamples/2_texture-coordinates/2-6_checker/ https://thebookofshaders.com/edit.php https://www.youtube.com/watch?v=gDQBbDlAEKs https://github.com/leahoppe/p5js-shader-examples https://blog.pixelfreestudio.com/how-to-use-glsl-shaders-in-webgl-for-advanced-3d-effects https://stegu.github.io/webgl-noise/webdemo/cellular.html https://duckduckgo.com/?q=glsl+merging+3dshapes&atb=v372-1&ia=web https://developer.mozilla.org/en-US/docs/Games/Techniques/3D_on_the_web/GLSL_Shaders https://duckduckgo.com/?atb=v372-1&ia=videos&iai=https://www.youtube.com/watch?v=xZM8UJqN1eY&iax=videos&q=how+to+run+glsl+code+in+markdown https://www.youtube.com/watch?v=oKbCaj1J6EI https://lygia.xyz/ https://coursecentral.co.uk/course/learn-glsl-shaders-from-scratch#component=course https://douges.dev/blog/threejs-trees-1 https://www.youtube.com/watch?v=6MwWOm23WfI https://www.youtube.com/watch?v=uwzEqeMd7uQ https://www.youtube.com/watch?v=V1Pd4C-T3IQ https://waelyasmina.net/articles/glsl-and-shaders-tutorial-for-beginners-webgl-threejs/ https://www.youtube.com/watch?v=r-95jCflRSA https://grayarea.org/course/3d-graphics-for-web-glsl-shaders/ https://www.youtube.com/watch?v=pZ94V-YAo-8 https://www.youtube.com/watch?v=Chh7hwdP8YE https://interactiveimmersive.io/blog/glsl/datamoshing-in-touchdesigner-part-3 https://www.ronja-tutorials.com/post/035-2d-sdf-combination/ https://github.com/patriciogonzalezvivo/glslGallery https://github.com/patriciogonzalezvivo/glslGallery?tab=readme-ov-file