fixed asteroids appearing behind planet

Resaki1 · Jan 18, 2024 · 3400b98 · 3400b98
1 parent 3cf76eb
commit 3400b98
Show file tree

Hide file tree

Showing 3 changed files with 7 additions and 7 deletions.
diff --git a/src/components/Planet/Planet.tsx b/src/components/Planet/Planet.tsx
@@ -81,10 +81,10 @@ void main() {
 
 extend({ AtmosphereShaderMaterial });
 
-const position = new Vector3(1000, 0, -1000);
+const position = new Vector3(10000, 0, -10000);
 const rotation = new Euler(1.1 * Math.PI, 1.8 * Math.PI, 0.8 * Math.PI);
 const sunDirection = new Vector3(0, 0, -1);
-const size = 400;
+const size = 4000;
 
 const Planet = () => {
   const planet = useRef<Group>(null!);

diff --git a/src/components/Scene/Scene.tsx b/src/components/Scene/Scene.tsx
@@ -51,7 +51,7 @@ const Scene = () => {
     <div className="container">
       <Canvas
         style={{ background: "black" }}
-        camera={{ far: 10000 }}
+        camera={{ far: 20000 }}
         frameloop="always"
         dpr={[0.5, 2]}
       >
@@ -68,11 +68,11 @@ const Scene = () => {
           </EffectComposer>
         )}
         <ambientLight intensity={0.5} />
-        <Star bloom={gpu.tier > 1 || bloomDIsabled} />
-        <Planet />
         <SpaceShip movement={movement} />
         <StarsComponent />
         <AsteroidField />
+        <Planet />
+        <Star bloom={gpu.tier > 1 || bloomDIsabled} />
         <AdaptiveDpr pixelated />
         <AdaptiveEvents />
       </Canvas>

diff --git a/src/components/Stars/StarsComponent.tsx b/src/components/Stars/StarsComponent.tsx
@@ -22,10 +22,10 @@ const StarsComponent = () => {
   return (
     <Stars
       ref={stars}
-      radius={200}
+      radius={4000}
       depth={50}
       count={5000}
-      factor={4}
+      factor={100}
       saturation={0}
       fade
       speed={0.2}