Études de cas
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.
Hero shader — nébuleuse mouse-reactive
Fond plein écran en WebGL, gradient bleu/violet animé par bruit auto-warpé, distordu autour du curseur avec aberration chromatique.
Hero shader — reveal par traînée
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).
Shader d'image au survol
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.