[{"data":1,"prerenderedAt":76},["ShallowReactive",2],{"case-\u002Fcases\u002Fexemple":3},{"id":4,"title":5,"body":6,"description":63,"extension":64,"meta":65,"navigation":71,"path":72,"seo":73,"stem":74,"__hash__":75},"content\u002Fcases\u002Fexemple.md","Études de cas",{"type":7,"value":8,"toc":56},"minimark",[9,13,17,22,25,32,36,39,44,48,51],[10,11,5],"h1",{"id":12},"études-de-cas",[14,15,16],"p",{},"Trois expérimentations autour des shaders WebGL. Chacune explore une mécanique d'interaction différente autour du curseur : lentille radiale, ping-pong de render targets, dissolution bruitée.",[18,19,21],"h2",{"id":20},"hero-shader-nébuleuse-mouse-reactive","Hero shader — nébuleuse mouse-reactive",[14,23,24],{},"Fond plein écran en WebGL, gradient bleu\u002Fviolet animé par bruit auto-warpé, distordu autour du curseur avec aberration chromatique.",[14,26,27],{},[28,29,31],"a",{"href":30},"\u002Fcases\u002Fhero-shader-nebuleuse","→ Voir l'étude de cas",[18,33,35],{"id":34},"hero-shader-reveal-par-traînée","Hero shader — reveal par traînée",[14,37,38],{},"Base blanche homogène. La souris « gratte » le blanc pour révéler une nébuleuse cachée dessous via une traînée qui s'estompe (ping-pong de render targets, lingering ~1 s).",[14,40,41],{},[28,42,31],{"href":43},"\u002Fcases\u002Fhero-shader-reveal",[18,45,47],{"id":46},"shader-dimage-au-survol","Shader d'image au survol",[14,49,50],{},"Trois paysages de montagne se déforment, se décalent en RGB et se dissolvent vers une image d'arrivée quand le curseur les frôle. Focus clavier déclenche le même effet.",[14,52,53],{},[28,54,31],{"href":55},"\u002Fcases\u002Fshader-image-survol",{"title":57,"searchDepth":58,"depth":58,"links":59},"",2,[60,61,62],{"id":20,"depth":58,"text":21},{"id":34,"depth":58,"text":35},{"id":46,"depth":58,"text":47},"Trois expérimentations WebGL — shader de hero mouse-reactive, reveal par traînée, et déformation d'images au survol.","md",{"tags":66},[67,68,69,70],"portfolio","webgl","shader","interaction",true,"\u002Fcases\u002Fexemple",{"title":5,"description":63},"cases\u002Fexemple","SM-U1JNpVRS7KsaNunaw-VeEnTOALxPUDJ2nWUeswlk",1794436389540]