From a395912c0d6c4aea57dc6f34351569f170f88108 Mon Sep 17 00:00:00 2001
From: Hykilpikonna <me@hydev.org>
Date: Fri, 10 Dec 2021 15:45:31 -0500
Subject: [PATCH] [+] Two grids

---
 src/animation/components/Grid.ts | 22 +++++++++++++++++-----
 1 file changed, 17 insertions(+), 5 deletions(-)

diff --git a/src/animation/components/Grid.ts b/src/animation/components/Grid.ts
index 19d25c8..6116d88 100644
--- a/src/animation/components/Grid.ts
+++ b/src/animation/components/Grid.ts
@@ -6,21 +6,33 @@ import IUpdatable from "@/animation/components/IUpdatable";
 export default class Grid implements IUpdatable
 {
     lines = []
-    grid: GridHelper
+    grid: GridHelper[] = []
 
     constructor()
     {
         const size = 100
-        const divisions = 10
+        const divisions = 20
 
-        this.grid = new THREE.GridHelper(size, divisions)
-        this.grid.rotation.x = Math.PI / 2
-        scene.add(this.grid)
+        let color = new THREE.Color('#7a0c0c')
+        let grid = new THREE.GridHelper(size, divisions, color, color)
+        grid.rotation.x = Math.PI / 2
+        grid.position.z = 90
+        this.grid.push(grid)
+
+        color = new THREE.Color('#a4a4a4')
+        grid = new THREE.GridHelper(size, divisions, color, color)
+        grid.rotation.x = Math.PI / 2
+        grid.position.z = 70
+        this.grid.push(grid)
+
+        this.grid.forEach(it => scene.add(it))
     }
 
     update(dt: number): void
     {
         // this.grid.rotation.x = 0.25 * Date.now() * 0.001
         // console.log(this.grid.rotation.x)
+        // this.grid.position.z += dt * 10
+        // console.log(this.grid.position.z)
     }
 }