Experiment
OGL Distortion
- webgl
- ogl
- gsap
Distorsion de texture au hover — pattern OGL + GSAP du stack.
Survolez l’image et déplacez le curseur pour voir l’effet de displacement.
Technique
- OGL :
Renderer,Program,Plane,Texture(~16 Ko gzip) - Shader : offset radial depuis la position souris, intensité pilotée par
uHover - GSAP : tween de
uHoveraupointerenter/pointerleave - Accessibilité : fallback
<img>siprefers-reduced-motion