User Tools

Site Tools


atelier:creative_coding:shader_links

Differences

This shows you the differences between two versions of the page.

Link to this comparison view

Both sides previous revisionPrevious revision
Next revision
Previous revision
atelier:creative_coding:shader_links [2024-06-11 10:31] hrst4atelier:creative_coding:shader_links [2025-04-23 15:32] (current) Pérégrine
Line 9: Line 9:
       * [[https://www.youtube.com/watch?v=7UvpTTEE1Hs|How to Write Shaders in VSCode]] (YouTube)       * [[https://www.youtube.com/watch?v=7UvpTTEE1Hs|How to Write Shaders in VSCode]] (YouTube)
       * [[https://github.com/Gargaj/Bonzomatic|Bonzomatic]] : app pour les //shader showdowns// (compétitions de //shaders//)       * [[https://github.com/Gargaj/Bonzomatic|Bonzomatic]] : app pour les //shader showdowns// (compétitions de //shaders//)
 +      * [[https://github.com/wrightwriter/Bonzomatic-Compute|Bonzomatic-Compute]] : le fork de wrighter pour écrire des //compute shaders// 
       * [[https://hexler.net/kodelife|KodeLife]] : IDE pour écrire des shaders (inputs personnalisés dont le flux MIDI)       * [[https://hexler.net/kodelife|KodeLife]] : IDE pour écrire des shaders (inputs personnalisés dont le flux MIDI)
       * [[https://derivative.ca/feature/application-building|Touch Designer]] : permet de communiquer avec le MIDI à un node GLSL mais pb car il faut réécrire le shader + no install Linux       * [[https://derivative.ca/feature/application-building|Touch Designer]] : permet de communiquer avec le MIDI à un node GLSL mais pb car il faut réécrire le shader + no install Linux
     * **Bibliothèques et frameworks :**     * **Bibliothèques et frameworks :**
-      * [[https://learnopengl.com/|Learn OpenGL]] : apprendre //OpenGL//  
       * [[https://threejs.org|ThreeJS]] : bibliothèque JavaScript pour la 3D, peut inclure des shaders       * [[https://threejs.org|ThreeJS]] : bibliothèque JavaScript pour la 3D, peut inclure des shaders
       * [[https://p5js.org|p5.js]] : port JavaScript du langage de //creative coding// Processing       * [[https://p5js.org|p5.js]] : port JavaScript du langage de //creative coding// Processing
Line 19: Line 19:
     * [[https://www.desmos.com/calculator|calculatrice graphique Desmos]]     * [[https://www.desmos.com/calculator|calculatrice graphique Desmos]]
     * [[https://graphtoy.com/|calculatrice graphique Graphtoy]]     * [[https://graphtoy.com/|calculatrice graphique Graphtoy]]
 +    * [[https://www.stevenfrady.com/tools/palette|Procedural Palette Generation Tool]] par Steven Frady
 +    * [[https://gist.github.com/patriciogonzalezvivo/670c22f3966e662d2f83|GLSL Noise Algorithms]] by Patricio Gonzalez Vivo
   * **Techniques :**   * **Techniques :**
 +    * [[https://learnopengl.com/|Learn OpenGL]] : apprendre //OpenGL// 
     * [[https://iquilezles.org|Inigo Quilez]] : créateur de Shadertoy et Maître Shader     * [[https://iquilezles.org|Inigo Quilez]] : créateur de Shadertoy et Maître Shader
     * [[https://thebookofshaders.com|The Book of Shaders]] (inachevé) par Patricio Gonzalez Vivo et Jen Lowe     * [[https://thebookofshaders.com|The Book of Shaders]] (inachevé) par Patricio Gonzalez Vivo et Jen Lowe
       * [[https://pixelspiritdeck.com|PixelSpirit Elements Deck]] : tarot des //shaders// par Patricio Gonzalez Vivo (50$)         * [[https://pixelspiritdeck.com|PixelSpirit Elements Deck]] : tarot des //shaders// par Patricio Gonzalez Vivo (50$)  
 +    * Totetmatt's [[https://scrapbox.io/atlas-of-shaders/|Atlas of Shaders]] scrapbox
 +    * 0b5rvr's own [[https://scrapbox.io/0b5vr/|scrapbox]], lots of shader-based sound info
     * [[https://www.youtube.com/@TheArtofCodeIsCool/videos|The Art of Code]] (YouTube)     * [[https://www.youtube.com/@TheArtofCodeIsCool/videos|The Art of Code]] (YouTube)
     * [[https://www.youtube.com/@SebastianLague|Sebastian Lague]] (YouTube)     * [[https://www.youtube.com/@SebastianLague|Sebastian Lague]] (YouTube)
     * [[https://www.youtube.com/@simondev758|SimonDev]], plus général (YouTube)     * [[https://www.youtube.com/@simondev758|SimonDev]], plus général (YouTube)
     * [[http://blog.hvidtfeldts.net|Syntopia]], articles divers par Mikael Hvidtfeldt Christensen     * [[http://blog.hvidtfeldts.net|Syntopia]], articles divers par Mikael Hvidtfeldt Christensen
 +    * [[https://blog.demofox.org/#Graphics|The Blog at the Bottom of the Sea]] has an interesting graphics section
     * [[https://inspirnathan.com/posts/47-shadertoy-tutorial-part-1|Nathan Vaughn]] : shadertoy tutorial [[https://www.shadertoy.com/playlist/sfVyRt|(trad fr + intégration shadertoy)]]     * [[https://inspirnathan.com/posts/47-shadertoy-tutorial-part-1|Nathan Vaughn]] : shadertoy tutorial [[https://www.shadertoy.com/playlist/sfVyRt|(trad fr + intégration shadertoy)]]
     * [[https://raytracing.github.io/|Ray tracing in one week-end]] : Ray tracing in one week-end, the next week, the rest of your life     * [[https://raytracing.github.io/|Ray tracing in one week-end]] : Ray tracing in one week-end, the next week, the rest of your life
Line 37: Line 43:
       * [[https://blog.maximeheckel.com/posts/painting-with-math-a-gentle-study-of-raymarching|Painting with Math: A Gentle Study of Raymarching]] par Maxime Heckel       * [[https://blog.maximeheckel.com/posts/painting-with-math-a-gentle-study-of-raymarching|Painting with Math: A Gentle Study of Raymarching]] par Maxime Heckel
     * **Effets :**     * **Effets :**
 +      * [[https://wallisc.github.io|Chris' Graphics Blog]] has articles on volumetric rendering
       * [[https://varun.ca/ray-march-sdf|Iridescent crystal]] par Varun Vachhar       * [[https://varun.ca/ray-march-sdf|Iridescent crystal]] par Varun Vachhar
       * [[https://blog.maximeheckel.com/posts/real-time-cloudscapes-with-volumetric-raymarching|Real-Time Cloudscapes with Volumetric Raymarching]] par Maxime Heckel       * [[https://blog.maximeheckel.com/posts/real-time-cloudscapes-with-volumetric-raymarching|Real-Time Cloudscapes with Volumetric Raymarching]] par Maxime Heckel
Line 65: Line 72:
     * [[https://www.cookie.paris|Cookie Collective]]     * [[https://www.cookie.paris|Cookie Collective]]
     * [[https://2023.revision-party.net|Revision Demoparty]] : le plus grand festival de la [[https://onthearts.com/p/what-is-the-demoscene|scène démo]], avec une section //shader showdown//     * [[https://2023.revision-party.net|Revision Demoparty]] : le plus grand festival de la [[https://onthearts.com/p/what-is-the-demoscene|scène démo]], avec une section //shader showdown//
 +    * [[https://www.twitch.tv/fieldfxdemo/|FieldFX]] organise des jams en ligne chaque lundi soir, rendez-vous sur leur Discord pour les infos de connexion
     * [[https://curio.scene.org|Curio]] : sélection de démos PC modernes     * [[https://curio.scene.org|Curio]] : sélection de démos PC modernes
     * [[https://www.pouet.net|Pouët]] et [[https://demozoo.org|Demozoo]] : annuaires web de la scène démo     * [[https://www.pouet.net|Pouët]] et [[https://demozoo.org|Demozoo]] : annuaires web de la scène démo
  
atelier/creative_coding/shader_links.1718101875.txt.gz · Last modified: 2024-06-11 10:31 by hrst4