3D Milkyway Galaxy with Solar System

r', radius: 4, distance: 70, color: 0xf1c40f, speed: 0.002 }, { name: 'Saturn', radius: 3.5, distance: 90, color: 0xf39c12, speed: 0.0009 }, { name: 'Uranus', radius: 3, distance: 110, color: 0x1abc9c, speed: 0.0004 }, { name: 'Neptune', radius: 3, distance: 130, color: 0x3498db, speed: 0.0001 }, { name: 'Pluto', radius: 1, distance: 150, color: 0x95a5a6, speed: 0.00007 } ]; const planets = []; const planetOrbits = []; // Create planets and orbits planetsData.forEach((planetData, index) => { // Planet const geometry = new THREE.SphereGeometry(planetData.radius, 32, 32); const material = new THREE.MeshPhongMaterial({ color: planetData.color, shininess: 10 }); const planet = new THREE.Mesh(geometry, material); planet.position.x = planetData.distance; planet.userData = { speed: planetData.speed, distance: planetData.distance }; scene.add(planet); planets.push(planet); // Orbit path const orbitGeometry = new THREE.BufferGeometry(); const orbitPoints = []; const segments = 64; for (let i = 0; i <= segments; i++) { const theta = (i / segments) * Math.PI * 2; orbitPoints.push(new THREE.Vector3( Math.cos(theta) * planetData.distance, 0, Math.sin(theta) * planetData.distance )); } orbitGeometry.setFromPoints(orbitPoints); const orbitMaterial = new THREE.LineBasicMaterial({ color: 0xffffff, transparent: true, opacity: 0.3 }); const orbit = new THREE.Line(orbitGeometry, orbitMaterial); scene.add(orbit); planetOrbits.push(orbit); }); // Lighting const ambientLight = new THREE.AmbientLight(0x404040); scene.add(ambientLight); const pointLight = new THREE.PointLight(0xffffff, 1, 100); pointLight.position.set(0, 0, 0); scene.add(pointLight); // Animation let time = 0; const animate = () => { requestAnimationFrame(animate); // Rotate galaxy galaxy.rotation.y += 0.0005; // Rotate planets planets.forEach(planet => { time += 0.01; const angle = time * planet.userData.speed; planet.position.x = Math.cos(angle) * planet.userData.distance; planet.position.z = Math.sin(angle) * planet.userData.distance; planet.rotation.y += 0.01; }); controls.update(); renderer.render(scene, camera); }; animate(); // Handle window resize window.addEventListener('resize', () => { camera.aspect = window.innerWidth / window.innerHeight; camera.updateProjectionMatrix(); renderer.setSize(window.innerWidth, window.innerHeight); }); // Camera views document.getElementById('topView').addEventListener('click', () => { camera.position.set(0, 200, 0); camera.lookAt(0, 0, 0); }); document.getElementById('sideView').addEventListener('click', () => { camera.position.set(200, 0, 0); camera.lookAt(0, 0, 0); }); document.getElementById('followEarth').addEventListener('click', () => { const earth = planets[2]; // Earth is the 3rd planet camera.position.set(earth.position.x, earth.position.y + 20, earth.position.z + 40); camera.lookAt(earth.position); }); document.getElementById('freeView').addEventListener('click', () => { camera.position.set(0, 50, 100); camera.lookAt(0, 0, 0); }); 1d:T481, 3D Milkyway Galaxy with Solar System

Camera Views