ガラスのリボンと浮遊カードのスクロール連動3Dスタジオサイト

Build a smooth scroll-driven portfolio website for a design studio using Three.js, translating a supplied reference image into a real-time 3D scene. Open with a bold red hero where a translucent, glassy ribbon ring circles several floating white and black cards carrying short slogans, with large outlined headline lettering behind them. As the visitor scrolls, the background fades from red to grey to near-black, the cards fly into an organised grid titled selected work, and the camera finally turns the ring edge-on for a closing call-to-action screen with big white type and a contact line. Use a minimal top navigation, small monospace captions, handwritten blue accent notes and a custom cursor. Deliver one web project that runs in the browser. Done when scrolling drives every camera and object transition smoothly with no jumps, and the layout matches the reference mood.