From d95b4fe22242991d6230015a8ed38454d961adba Mon Sep 17 00:00:00 2001
From: Hykilpikonna <me@hydev.org>
Date: Sat, 11 Dec 2021 20:34:37 -0500
Subject: [PATCH] [+] Toggle sky button

---
 src/animation/Home.ts |  2 ++
 src/views/NewHome.vue | 16 ++++++++++++----
 2 files changed, 14 insertions(+), 4 deletions(-)

diff --git a/src/animation/Home.ts b/src/animation/Home.ts
index b36ef0c..636178b 100644
--- a/src/animation/Home.ts
+++ b/src/animation/Home.ts
@@ -8,6 +8,7 @@ import Cursor from "@/animation/components/Cursor";
 import IUpdatable from "@/animation/components/IUpdatable";
 import Grid from "@/animation/components/Grid";
 import Editor from "@/animation/components/Editor";
+import {Color} from "three";
 
 export let renderer: THREE.WebGLRenderer, scene: THREE.Scene, camera: THREE.PerspectiveCamera
 export let editor: Editor
@@ -105,6 +106,7 @@ function update(dt: number): void
 export function start(id: string): void
 {
     scene = new THREE.Scene()
+    scene.background = new Color('#f9f2e0')
     // Create camera
     camera = new THREE.PerspectiveCamera(config.cam.fov, window.innerWidth / window.innerHeight,
         config.cam.near, config.cam.far)
diff --git a/src/views/NewHome.vue b/src/views/NewHome.vue
index 7d72d39..c0b873d 100644
--- a/src/views/NewHome.vue
+++ b/src/views/NewHome.vue
@@ -24,9 +24,7 @@
 
             <div class="separator"/>
 
-            <div>
-                Light
-            </div>
+            <div @click="_ => toggle('sky')">Sky</div>
         </div>
         <MyColorPicker v-if="pickerColor" :color="pickerColor" style="z-index: 3"
                        @close="pickerColor = ''" :initial-pos="initialPos"
@@ -36,7 +34,7 @@
 
 <script lang="ts">
 import {Options, Vue} from 'vue-class-component';
-import {editor, start} from "@/animation/Home";
+import {editor, objects, start} from "@/animation/Home";
 import {config} from "@/animation/Config";
 import {KeyHandler, range} from "@/utils";
 import MyColorPicker from "@/views/color/ColorPicker.vue";
@@ -68,6 +66,16 @@ export default class NewHome extends KeyHandler
         }
     }
 
+    toggle(s: string): void
+    {
+        if (s == 'sky')
+        {
+            objects.hemiLight.visible = !objects.hemiLight.visible
+            objects.dirLight.visible = !objects.dirLight.visible
+            objects.sky.visible = !objects.sky.visible
+        }
+    }
+
     openPicker(e: MouseEvent, c: string): void
     {
         this.pickerColor = c