@webloved: How I build with Claude 👇 Academy in bio 🔗 Full prompt goes in the Academy soon. It took hours of testing to get right. Want a site like this? Send me an email, email in bio 📩 POV: you mastered 3D websites. A whole house you walk through just by scrolling. 9 rooms, one camera 🏠 The trick: the camera rides on a path. Scroll only decides how far along the path you are. 1. Build the house as one Three.js scene. One room per stop: lounge, bar, garage, stairs, gallery, library, billiards, vault, outside. 2. Put one point in the middle of each room at eye level (y = 1.6). Join them with CatmullRomCurve3. 3. Make a second curve for where the camera looks, the same points pushed 2 units forward. 4. Read scroll as p from 0 to 1. camera.position = path.getPointAt(p). camera.lookAt(look.getPointAt(min(p + 0.02, 1))). 5. Smooth it: p moves 8% toward the real scroll value each frame, so it glides instead of jumps. 6. Room i sits at p = i / 8. When p passes it, swap the room name and the floor number. 7. Bottom bar shows every room as a tick. Click one and it scrolls you there. 8. LOOK button: drag to turn your head up to 15 degrees left or right. Let go and it springs back. Save this before your next 3D build 🔥 #claude #webdesign #threejs #interiordesign #vibecoding

weblove

Open In TikTok:

Region: PT

Thursday 29 October 2026 16:53:26 GMT