Martin Laxenaire

Mouse move dynamic displacement map

  • Save
Mouse move dynamic displacement map interaction rgb chromatic displacement creative coding glsl curtains.js curtainsjs webgl shaders javascript animation

The concept is to draw mouse coords on a canvas that will act as a webgl displacement texture (using curtains.js library).
Added some inertia and a little chromatic aberration in the shader to spice it up a bit.

Play with it here: https://codepen.io/martinlaxenaire/full/pQzQdL/

keyboard shortcuts: L or F like