Live Site Walkthrough: Three.js Cube, Scroll Sequence, ViewerLive Site Walkthrough: Three.js Cube, Scroll Sequence, Viewer
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
Live walkthrough of our own site. A real three.js cube that re-lights as it turns, a scroll sequence that takes a flat page of lines to a lit form, and a product viewer built entirely in code with no model files.
Captured from the live site at novadigital.studio
Ella's avatar
"It starts as a page of lines" turning into a lit form is a lovely way to show process instead of describing it. How does the scroll sequence hold up on mid-range phones? Do you swap in a lighter scene or keep the same shaders?
Jetmir's avatar
Thanks! On phones the 3D only loads after the page has painted, and only on devices that can handle it. Everything else gets a lighter flat version of the same scroll story. No custom shaders, so it stays pretty light
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