From fd4b35eba2656f16be13219867e94ca30f96a699 Mon Sep 17 00:00:00 2001
From: Jules Laplace <julescarbon@gmail.com>
Date: Tue, 21 Sep 2021 15:26:49 +0200
Subject: hover

---
 src/sky.js | 36 ++++++++++++++++++++++++++++++++++++
 1 file changed, 36 insertions(+)
 create mode 100644 src/sky.js

(limited to 'src')

diff --git a/src/sky.js b/src/sky.js
new file mode 100644
index 0000000..9f74aea
--- /dev/null
+++ b/src/sky.js
@@ -0,0 +1,36 @@
+import { Mesh, BackSide, SphereGeometry, ShaderMaterial, Color } from "three";
+
+const SKY_COLOR = 0x999999;
+const GROUND_COLOR = 0x242424;
+const SKY_SIZE = 40000;
+
+export function addSkyGradient(scene) {
+  const vertexShader = `
+      varying vec3 vWorldPosition;
+            void main() {
+                vec4 worldPosition = modelMatrix * vec4( position, 1.0 );
+                vWorldPosition = worldPosition.xyz;
+                gl_Position = projectionMatrix * modelViewMatrix * vec4( position, 1.0 );
+            }`;
+  const fragmentShader = `
+      uniform vec3 topColor;
+            uniform vec3 bottomColor;
+            varying vec3 vWorldPosition;
+            void main() {
+                float h = (normalize(vWorldPosition).y ) / 2.0 + 0.25;
+                gl_FragColor = vec4( mix( bottomColor, topColor, h ), 1.0 );
+            }`;
+  const uniforms = {
+    topColor: { value: new Color(SKY_COLOR) },
+    bottomColor: { value: new Color(GROUND_COLOR) },
+  };
+  const skyGeo = new SphereGeometry(SKY_SIZE, 32, 15);
+  const skyMat = new ShaderMaterial({
+    uniforms,
+    vertexShader,
+    fragmentShader,
+    side: BackSide,
+  });
+  const sky = new Mesh(skyGeo, skyMat);
+  scene.add(sky);
+}
-- 
cgit v1.2.3-70-g09d2