diff --git a/galaxy-react/src/pages/galaxy.tsx b/galaxy-react/src/pages/galaxy.tsx index 87e675f..09b1eb3 100644 --- a/galaxy-react/src/pages/galaxy.tsx +++ b/galaxy-react/src/pages/galaxy.tsx @@ -189,14 +189,19 @@ export function Galaxy(props: JSX.IntrinsicElements['group']) { Math.sqrt(x * x + y * y + z * z) var model_color = 100; if (g === 'sun'){ - const sphereGeometry = new SphereGeometry(1, 232, 232); + const sphereGeometry = new SphereGeometry(1, 332, 332); nodes.Object_2.geometry = sphereGeometry; - model_scale = 0.3; + model_scale = 1; } else if (g === 'moon'){ const sphereGeometry = new SphereGeometry(1, 132, 132); nodes.Object_2.geometry = sphereGeometry; model_color = 1; model_scale = 0.1; + } else if (g === 'earth'){ + const sphereGeometry = new SphereGeometry(1, 232, 232); + nodes.Object_2.geometry = sphereGeometry; + model_color = 0.5; + model_scale = 0.3; } else if (g === 'asteroid') { const sphereGeometry = new SphereGeometry(1, 32, 32); nodes.Object_2.geometry = sphereGeometry; @@ -235,7 +240,6 @@ export function Galaxy(props: JSX.IntrinsicElements['group']) { useFrame(({ clock }) => { // zoom in and out ref.current.rotation.z = clock.getElapsedTime() / 2 - //ref.current.scale.setScalar(0.3) ref.current.scale.setScalar(Math.sin(clock.getElapsedTime() / 10) + 1.2) }) @@ -286,7 +290,7 @@ export const ThreeFiberGalaxy = () => { //maxAzimuthAngle={Math.PI / 4} //minPolarAngle={Math.PI / 1} maxPolarAngle={Math.PI - Math.PI / 1} - minDistance={11} maxDistance={15} + minDistance={20} maxDistance={30} enableZoom={true} enablePan={false} enableRotate={true} zoomSpeed={0.5} panSpeed={0.5}