One of my favorite effects to create with GLSL/WebGL. By combining an image with depth and normal...One of my favorite effects to create with GLSL/WebGL. By combining an image with depth and normal...
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
One of my favorite effects to create with GLSL/WebGL. By combining an image with depth and normal maps, you can simulate dynamic lighting that responds to the mouse position—adding a sense of depth and dimension to an otherwise static image. A simple interaction that can make an image feel much more alive.
The low-poly scene already has a strong sense of place, and the 60fps browser target makes the interaction feel ambitious in the best way. I especially like how the restrained palette lets the “Explore the Silo” typography lead the experience.
A feature section for Framer where hovering a text item triggers a real pixel-grid image dissolve, not a fade. Adjustable grid density, radial stagger, fully responsive.
One of the projects that shaped the type of work I enjoy building today.
Back in 2017, I had the opportunity to help develop this interactive editorial experience for CNN on the opening of the Louvre Abu Dhabi. That was my first project with CNN.
Rather than presenting the story as a traditional article, we used animation, scrolling, photography and video to guide readers through the architecture, engineering and vision behind the museum.
It's this blend of storytelling, design and development that made me realise how powerful the web can be when interaction becomes part of the narrative.
It's also the kind of work I still love creating today, whether for publishers, agencies or brands looking to tell a story in a more engaging way.