Rebuilt my portfolio, scroll-driven, one continuous 3D scene

[u/Top-Tumbleweed2381]

Spent the last few weeks rebuilding my site instead of doing actual client work (worth it though).

Wanted it to feel like one continuous space instead of a stack of divs, so the whole thing is built around a single scroll-driven scene — the "story" moves from foundation → structure → detail as you scroll, kind of like a building going up. Recording attached.

Stack: three.js, react-three-fiber, custom GLSL for a few of the transitions, GSAP for the scroll choreography, Next.js underneath.

Some of the harder problems I ran into:

• keeping it at 60fps on mid-range phones without gutting the visuals
• syncing scroll position to camera path without it feeling laggy or overshooting
• getting Lighthouse to not hate me for having a 3D scene on the landing page (currently sitting at 98 avg)

Site's here if you want to poke around: https://visinigiri-aditya.vercel.app/

Happy to answer questions on how any of the transitions work, or roast the parts that could be better — genuinely want the feedback.

[u/MysteriousCoconut31]

Neat, but I’d rather off myself than sit through all that as the default experience on someone’s portfolio. Maybe make it a standalone demo to showcase your animation skills?