Three.js Torn-Edge Reveal with Custom Shader and Sobel DetectionThree.js Torn-Edge Reveal with Custom Shader and Sobel Detection
The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started
A little Three.js experiment — a torn-edge reveal built with a custom shader and Sobel edge detection.
I wanted the transition to feel more organic and physical than a typical image reveal.
Rafee 's avatar
The ragged torn edge feels much more physical than a standard wipe. Smart use of Sobel for it.
Vishal's avatar
Thank you so much!
Back to feed
The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started