Jean-Baptiste

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 uHover au pointerenter / pointerleave
  • Accessibilité : fallback <img> si prefers-reduced-motion