Post by @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 📩 The exploded view looks like hours of animation. It's one number and one formula: 1. Get the model in parts. Use part segmentation in Tripo, or generate each piece on its own with a unique name. One mesh per part. 2. On load, save each part's start position and its direction from the model's centre. Get both centres with new THREE.Box3().setFromObject(obj).getCenter(new THREE.Vector3()), subtract, normalize. 3. One value drives everything: explode, from 0 to 1, tied to scroll. 4. position = start + direction * explode * 1.5. Give each part a random factor between 0.7 and 1.3, picked once, so it doesn't look like a perfect burst. 5. Small parts fly further. Multiply by clamp(1 / size, 0.5, 2), where size is the part's size divided by the whole model's size. 6. Add a little spin. A random angle up to 0.6 radians, times explode. 7. Run the scroll value through power2.inOut so it holds still at 0 and at 1. 8. Putting it back together is free. Same formula, explode goes from 1 to 0. 9. Count the meshes with scene.traverse and show the number on the page. A real parts count beats a made up one. Save this before your next 3D product page 🔥 #claude #threejs #webdesign #3dwebsite #creativecoding