Mouse effet at the top of three.js like on https://lusion.co/

Yup, it’s a postprocessing pass on top of only the WebGL part (if you set opacity: 0.5 on first canvas element in the website you will see which parts are effected by it, it’s not the entire website as WebGL text is not SEO-crawlable.)

The effect itself is a 2D displacement map - basically this but applied on a rendered frame instead of a blank background.

2 Likes