From 28c018b2c85e164a94cae1deb8a21f2f2a0d362d Mon Sep 17 00:00:00 2001
From: Jasper <well.caffeinated@gmail.com>
Date: Tue, 16 Jan 2024 15:51:22 -0700
Subject: [PATCH] fix fog and brightness for sunset

---
 src/entities/Earth.svelte   | 2 +-
 src/entities/Terrain.svelte | 2 +-
 src/scenes/Space.svelte     | 9 ++++++---
 3 files changed, 8 insertions(+), 5 deletions(-)

diff --git a/src/entities/Earth.svelte b/src/entities/Earth.svelte
index 374fe06..dc46f64 100644
--- a/src/entities/Earth.svelte
+++ b/src/entities/Earth.svelte
@@ -28,7 +28,7 @@ const textures = useLoader(TextureLoader).load({
     renderOrder={2}
   >
     <T.HemisphereLight
-      intensity={sunBrightness}
+      intensity={sunBrightness * 0.25 + 0.1}
       position={[0, 100, 0]}
     />
     <T.DirectionalLight
diff --git a/src/entities/Terrain.svelte b/src/entities/Terrain.svelte
index d6c2790..30ea5f8 100644
--- a/src/entities/Terrain.svelte
+++ b/src/entities/Terrain.svelte
@@ -25,7 +25,7 @@
     coords.y = 0.5 + Math.sin(theta) * r;
   }
 
-  const material = new THREE.MeshStandardMaterial({color: 0x000000})
+  const material = new THREE.MeshStandardMaterial({ color: 0x000000, dithering: true })
 
   const terrainScene = Terrain({
     easing: Terrain.EaseInOut,
diff --git a/src/scenes/Space.svelte b/src/scenes/Space.svelte
index d1e556d..8f09a3c 100644
--- a/src/scenes/Space.svelte
+++ b/src/scenes/Space.svelte
@@ -241,6 +241,7 @@
 
   let sunBrightness = 1
   $: sunIntensity = sunBrightness * 10000000 * Lsol / (4 * Math.PI * Math.pow(sunDistance, 2))
+  $: sunsetBrightness = MathUtils.clamp(MathUtils.inverseLerp(-10, 20, elevation / DEG), 0, 1)
 
   const createExpotentialIn = (a) => {
     return (x) => Math.pow(2, a * x - a) * x
@@ -283,15 +284,17 @@
     controls?.update(window.performance.now())
     const state = moonMove.at(time / 2)
     moonDec = state.theta * DEG
-    sunBrightness = state.brightness
+    sunBrightness = state.brightness * sunsetBrightness
   })
 
+  let fog
   $: r0 = new Vector3(0, -planetRadius, 0)
   $: Sky.sunPosition.set(...sunPosition).sub(r0).multiplyScalar(1 / METER)
   $: Sky.sunRadius = sunRadius / METER
   $: moonPosition = skyPosition(moonDistance, elevation, 0, new Vector3()).applyAxisAngle(moonAxis, moonDec)
   $: Sky.moonPosition.set(...moonPosition).sub(r0).multiplyScalar(1 / METER)
   $: Sky.moonRadius = moonRadius / METER
+  $: fog?.color.setHSL(200, 0.2, Easing.sinIn(sunBrightness) * 0.15)
 
   const composer = new EffectComposer(renderer, {
     frameBufferType: THREE.HalfFloatType,
@@ -334,10 +337,9 @@
           // adaptive: true,
           // resolution: 256,
           // middleGrey: 0.6,
-          resolution: 512,
+          // resolution: 512,
           whitePoint: 2,
           minLuminance: 0.005,
-          averageLuminance: .2,
           adaptationRate: 2
         }),
       )
@@ -354,6 +356,7 @@
 <Stats />
 
 <T.AmbientLight intensity={0.02}/>
+<T.FogExp2 attach="fog" bind:ref={fog} far={90000} density={2.5e-5}/>
 <!-- <Sky elevation={0.1} /> -->
 <!-- <T.HemisphereLight
   intensity={sunBrightness * 0.2}