| Both sides previous revisionPrevious revisionNext revision | Previous revision |
| evenements:creative_coding [2023-11-09 16:08] – [Liste de souhaits] hrst4 | evenements:creative_coding [2024-05-08 11:53] (current) – [Code des ateliers] z0rg |
|---|
| | **Page à supprimer. Nouvelle page : [[atelier:creative_coding:start]]** |
| | |
| ====== Les blips du mardi ====== | ====== Les blips du mardi ====== |
| |
| Ateliers de //creative coding// (programmation artistique) organisés par le [[https://www.cookie.paris|Cookie Collective]]. | Ateliers de //creative coding// (programmation artistique) organisés par le [[https://www.cookie.paris|Cookie Collective]].\\ |
| | Deux salles, deux ambiances : //shaders// avec [[https://linktr.ee/z0rg|z0rg]] pour l'image, et //live-coding// avec Jules et [[https://eliegavoty.xyz|Élie]] pour la musique.\\ |
| Deux salles, deux ambiances : //shaders// avec [[https://linktr.ee/z0rg|z0rg]] pour l'image, et //live-coding// avec Jules et Élie pour la musique. | |
| Jus et internetz fournis, y'a moyen de faire du thé. Il fait frisket en hiver, viens en doudoune. | Jus et internetz fournis, y'a moyen de faire du thé. Il fait frisket en hiver, viens en doudoune. |
| |
| ===== Salle Shaders ===== | ===== 🎨 Salle Shaders 🎨 ===== |
| |
| * **Kézako ?** Un //fragment shader// est un programme destiné à la carte graphique (GPU), écrit dans le langage GLSL. De nombreux outils existent pour le compiler et le faire exécuter et afficher par la carte graphique, nous passons par le site collaboratif [[https://www.shadertoy.com|Shadertoy]]. | * **Kézako ?** Un //fragment shader// est un programme destiné à la carte graphique (GPU), écrit dans le langage GLSL. De nombreux outils existent pour le compiler et le faire exécuter et afficher par la carte graphique, nous passons par le site collaboratif [[https://www.shadertoy.com|Shadertoy]]. |
| * **Où ?** Au [[:start|Fuz]]. | * **Où ?** Au [[:start|Fuz]]. |
| * **Quand ?** Les **mardis soirs à partir de 19h**. Parfois l'atelier est annulé : voir l'**[[https://framagenda.org/apps/calendar/p/zpDjE9gGFeFZAmdz|agenda]]**. | * **Quand ?** Les **mardis soirs à partir de 19h**. Parfois l'atelier est annulé : voir l'**[[https://framagenda.org/apps/calendar/p/zpDjE9gGFeFZAmdz|agenda]]**. |
| * **Avec quoi ?** Ton laptop : plus son GPU a de la patate, plus tu pourras faire des //shaders// stylés. | * **Avec quoi ?** Ton ordinateur portable : plus ton GPU a de la patate, plus tu pourras faire des //shaders// stylés. |
| * **Pour qui ?** Certains mardis sont réservés aux débutants, d'autres aux initiés : voir l'**[[https://framagenda.org/apps/calendar/p/zpDjE9gGFeFZAmdz|agenda]]**. | * **Pour qui ?** Certains mardis sont réservés aux débutants, d'autres aux initiés : voir l'**[[https://framagenda.org/apps/calendar/p/zpDjE9gGFeFZAmdz|agenda]]**. |
| * **Qui ?** z0rg (formateur), boucatcheow, colinb, [[user:hrst4|hrst4]], litchi, [[user:peregrine|peregrine]], pikso, stereobun, &c. //Demande un compte wiki sur le tchat et ajoute-toi !// | * **Qui ?** [[user:z0rg|z0rg]] (animateur), boucatcheow, colinb, [[user:hrst4|hrst4]], litchi, [[user:peregrine|peregrine]], pikso, stereobun, &c. //Demande un compte wiki sur le tchat et ajoute-toi !// |
| |
| ==== Code des ateliers ==== | ==== Code des ateliers ==== |
| //Merci hrst4 pour ton travail et tes commentaires.// | //Merci [[user:hrst4|hrst4]] pour tes commentaires.// |
| //Il en manque, et je ne suis pas sûre des dates. À corriger et compléter. ~P.// | //Les dates figurant sur Shadertoy ne sont pas fiables du tout. Si vous avez participé à ces ateliers, s'il-vous-plaît, aidez-nous à reconstituer leur historique.// |
| |
| * ? septemble 2023 : [[https://www.shadertoy.com/view/mslBWj|flou avec canaux multiples]], opérateurs sur les SDFs, LookAt, normale et éclairage diffus | * ? juin 2023 : [[https://www.shadertoy.com/view/mslczM|raymarching et opérateurs]] ([[https://www.shadertoy.com/view/clVcW3|version commentée]]) |
| * 3 octobre 2023 : [[https://www.shadertoy.com/view/dsGcRt|éclairage diffus]], normale en un point d'une surface, opérateurs sur les SDFs | * ? juin/juillet 2023 : [[https://www.shadertoy.com/view/dsXBz4|effets volumétriques]], [[https://www.shadertoy.com/view/dsXBR4|éclairage spéculaire]] ([[https://www.shadertoy.com/view/ctKyD3|version commentée]]) |
| * 10 octobre 2023 : [[https://www.shadertoy.com/view/ddtBz7|opérateurs sur les SDFs]] dont //smooth//, LookAt (orientation de la caméra vers le centre de la scène) | * ? juin/juillet 2023 : [[https://www.shadertoy.com/view/cdXBDB|flou avec canaux multiples]] ([[https://www.shadertoy.com/view/mslBWj|version commentée]]), opérateurs sur les SDFs, LookAt, normale et éclairage diffus |
| * 23 octobre 2023 : [[https://www.shadertoy.com/view/msVBRm|éclairage]] diffus et spéculaire, répétition de domaine | * juillet-août 2023 : //fermeture du Fuz// |
| * 7 novembre 2023 : [[https://www.shadertoy.com/view/DltcR2|répétition de domaine]], en coordonnées cartésiennes et polaires | * 5 septembre 2023 : ? |
| | * 12 septembre 2023 : ? |
| | * 19 septembre 2023 : [[https://www.shadertoy.com/view/dddyW7]] |
| | * 26 septembre 2023 : ? |
| | * 3 octobre 2023 : [[https://www.shadertoy.com/view/clySDD|éclairage diffus]] ([[https://www.shadertoy.com/view/dsGcRt|version commentée]]), normale en un point d'une surface, opérateurs sur les SDFs |
| | * 10 octobre 2023 : [[https://www.shadertoy.com/view/md3Bz7|opérateurs sur les SDFs]] ([[https://www.shadertoy.com/view/ddtBz7|version commentée]]) dont //smooth//, LookAt (orientation de la caméra vers le centre de la scène) |
| | * 17 octobre 2023 : [[https://www.shadertoy.com/view/mscfDS|répétition de domaine]] ([[https://www.shadertoy.com/view/msVBRm|version commentée]]), éclairage diffus et spéculaire |
| | * 24 octobre 2023 : [[https://www.shadertoy.com/view/ddyfW1|rectangle animé]] (initiation) ([[https://www.shadertoy.com/view/DtKcD3|version commentée]]) |
| | * ? octobre 2023 : [[https://www.shadertoy.com/view/dddyW7|fonctions de distance en 2D]] ([[https://www.shadertoy.com/view/DtVyWc|version commentée]]) |
| | * 31 octobre 2023 : //pas d'atelier// |
| | * 7 novembre 2023 : [[https://www.shadertoy.com/view/ctcyRj|répétition de domaine]] ([[https://www.shadertoy.com/view/DltcR2|version commentée]]) en coordonnées cartésiennes et polaires |
| | * 14 novembre 2023 : //pas d'atelier// |
| | * 21 novembre 2023 : [[https://www.shadertoy.com/view/DtKcDG|réflection]] ([[https://www.shadertoy.com/view/ctVyWK|version commentée]]), matériaux multiples, surface aquatique, texture de bruit, //cubemap//, //glossiness// / //roughness// |
| | * ? novembre 2023 : [[https://www.shadertoy.com/view/cs3GR4|répétition et rotation en 2D]] ([[https://www.shadertoy.com/view/DtVcWc|version commentée]]), [[https://www.shadertoy.com/view/DdyyRc|raymarching et calcul de normale]] ([[https://www.shadertoy.com/view/clVyDc|version commentée]]) |
| | * ? novembre 2023 : [[https://www.shadertoy.com/view/cdKXDG|SDFs et opérateurs 2D]] ([[https://www.shadertoy.com/view/ctKcDc|version commentée]]) |
| | * 28 novembre 2023 : [[https://www.shadertoy.com/view/dttBDH|backbuffer]] |
| | * 9 janvier 2024 : [[https://www.shadertoy.com/view/McfSRn|meduse 3D 1/3]] ([[https://www.shadertoy.com/view/MfXSRn|version commentée]]) |
| | * 16 janvier 2024 : [[https://www.shadertoy.com/view/McfSRn|meduse 3D 2/3]] |
| | * 23 janvier 2024 : [[https://www.shadertoy.com/view/XfjXz1|meduse 3D 3/3]] |
| | * 20 fevrier 2024 : [[https://www.shadertoy.com/view/XX2GDW|simple raymarching]] |
| | * 27 fevrier 2024 : [[https://www.shadertoy.com/view/l3XXzn|terrain + domain id]] |
| | * 5 mars 2024 : [[https://www.shadertoy.com/view/4XsXzS|retrowave inspired landscape]] |
| | * 2 avril 2024 : [[https://www.shadertoy.com/view/4fd3DB|truchet]] |
| | * 9 avril 2024 : [[https://www.shadertoy.com/view/mttGRj|texture mapping]] |
| | * 7 mai 2024 : [[https://www.shadertoy.com/view/4fVSWh|raymarching shadows 1/2]] |
| |
| ==== Liste de souhaits ==== | [[atelier:creative_coding:shader_wishlist|Liste de souhaits]] : Quels sont les effets ou techniques particuliers que tu souhaites apprendre, les //shaders// trouvés sur Shadertoy que tu veux comprendre ?\\ |
| //Si tu souhaites apprendre un effet ou une technique particuliers, ou comprendre un shader trouvé sur Shadertoy, complète la liste ci-dessous.// | [[atelier:creative_coding:shader_links|Liens WWW]] : Partage tes sites et articles préférés. |
| |
| * le bruit : //hashes//, Perlin/Simplex, //fractional brownian motion//, &c et son utilisation en génération procédurale | ===== 🎶 Salle Live-coding 🎶 ===== |
| * connecter un //shader// à une source de son, l'animer en rythme avec de la musique (MIDI dans l'idéal!) | |
| * utiliser des textures pour passer des données au //shader// | |
| * le bloom / glow | |
| * transparence / fresnel | |
| * shadows / ambient occlusion | |
| * techniques de post-processing | |
| * analyser des shaders de shadertoy | |
| * les fractales mais c'est bien sûr! | |
| * ... | |
| | |
| ==== Liens ==== | |
| | |
| * **GLSL, outils et bibliothèques :** | |
| * [[https://iquilezles.org|Inigo Quilez]] : | |
| * fonctions de distance signées [[https://iquilezles.org/articles/distfunctions2d|2D]] et [[https://iquilezles.org/articles/distfunctions|3D + opérateurs]] | |
| * [[https://www.desmos.com/calculator|calculatrice graphique Desmos]] | |
| * [[https://www.shadertoy.com|Shadertoy]] : plateforme collaborative de //fragment shaders// | |
| * [[https://gist.github.com/markknol/d06c0167c75ab5c6720fe9083e4319e1|GLSL for Shadertoy]] | |
| * [[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://hexler.net/kodelife|KodeLife]] : IDE pour écrire des shaders (inputs personnalisés dont le flux MIDI) | |
| * [[https://derivative.ca/feature/application-building|Touch Designer]] | |
| * [[https://learnopengl.com/|Learn OpenGL]] : apprendre //OpenGL// | |
| * [[https://threejs.org|ThreeJS]] : bibliothèque JavaScript | |
| * [[https://github.com/patriciogonzalezvivo/lygia|LYGIA]] : bibliothèque multi-langages, multi-plateformes | |
| * **Techniques et effets :** | |
| * [[https://thebookofshaders.com|The Book of Shaders]] (inachevé) par Patricio Gonzalez Vivo et Jen Lowe | |
| * [[https://www.youtube.com/@TheArtofCodeIsCool/videos|The Art of Code]] (YouTube) | |
| * [[http://blog.hvidtfeldts.net|Syntopia]], articles divers par Mikael Hvidtfeldt Christensen | |
| * [[https://www.scratchapixel.com/index.html|ScratchAPixel]] : mathématiques et algorithmique graphique | |
| * [[https://varun.ca/ray-march-sdf|Iridescent crystal]] et [[https://varun.ca/noise|Noise in Creative Coding]] par Varun Vachhar | |
| * **Ray Marching :** | |
| * [[https://jamie-wong.com/2016/07/15/ray-marching-signed-distance-functions|Ray Marching and Signed Distance Functions]] par Jamie Wong | |
| * [[https://michaelwalczyk.com/blog-ray-marching.html|Ray Marching]] par Michael Walczyk | |
| * Maxime Heckel : | |
| * [[https://blog.maximeheckel.com/posts/painting-with-math-a-gentle-study-of-raymarching|Painting with Math: A Gentle Study of Raymarching]] | |
| * [[https://blog.maximeheckel.com/posts/refraction-dispersion-and-other-shader-light-effects/|Refraction, Dispersion, and Other Shader Light Effects]] | |
| * [[https://blog.maximeheckel.com/posts/real-time-cloudscapes-with-volumetric-raymarching|Real-Time Cloudscapes with Volumetric Raymarching]] | |
| * **Scène artistique :** | |
| * [[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://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 | |
| | |
| | |
| ===== Salle Live-coding ===== | |
| //À compléter...// | //À compléter...// |
| * **Kézako ?** Programme de la musique en //live// avec [[https://github.com/Qirky/FoxDot|FoxDot]] et [[https://supercollider.github.io|SuperCollider]]. | * **Kézako ?** On programme de la musique en //live// avec [[https://github.com/Qirky/FoxDot|FoxDot]] et [[https://supercollider.github.io|SuperCollider]]. |
| * **Où ?** Au [[:start|Fuz]]. | * **Où ?** Au [[:start|Fuz]]. |
| * **Quand ?** Les **mardis soirs à partir de 19h**. Parfois l'atelier est annulé : voir l'**[[https://framagenda.org/apps/calendar/p/zpDjE9gGFeFZAmdz|agenda]]**. | * **Quand ?** Les **mardis soirs à partir de 19h**. Parfois l'atelier est annulé : voir l'**[[https://framagenda.org/apps/calendar/p/zpDjE9gGFeFZAmdz|agenda]]**. |
| * **Avec quoi ?** Ton laptop et tes écouteurs. | * **Avec quoi ?** Ton ordinateur portable et tes écouteurs. |
| * **Pour qui ?** Tous publics. | * **Pour qui ?** Tous publics. |
| * **Qui ?** Élie (formateur), Jules (formateur), &c. //Demande un compte wiki sur le tchat et ajoute-toi !// | * **Qui ?** Élie (animateur), Jules (animateur), NuSan (animatrice), &c. //Demande un compte wiki sur le tchat et ajoute-toi !// |
| |
| | ==== Liens ==== |
| | * [[https://livecoding.fr|]] : site francophone de ressources de //live-coding// par [[https://raphaelforment.fr|BuboBubo]] |
