From c65bd035e0fc71817bfc5e609242ada92389817b Mon Sep 17 00:00:00 2001
From: Bradley Shellnut <bradleyshellnut@protonmail.com>
Date: Thu, 5 May 2022 20:26:31 -0700
Subject: [PATCH] Home imports from cubes and adding instructions to cubes
 page.

---
 src/routes/cubes.svelte | 17 ++++++++++++++++-
 src/routes/index.svelte | 30 ++----------------------------
 2 files changed, 18 insertions(+), 29 deletions(-)

diff --git a/src/routes/cubes.svelte b/src/routes/cubes.svelte
index 08e59bb..014cd55 100644
--- a/src/routes/cubes.svelte
+++ b/src/routes/cubes.svelte
@@ -9,6 +9,10 @@
 
 <svelte:window on:click={() => count += 1} />
 
+<div class="instructions">
+  <h2>Click around to add cubes</h2>
+</div>
+
 <PE.World gravity={[0, -9.8 ,0]}>
   <SC.Canvas antialias shadows>
     <PE.Body mass={0} rotation={[-Math.PI / 2, 0, 0]}>
@@ -28,4 +32,15 @@
     <SC.PerspectiveCamera position={[ 2, 2, 15 ]} target={[0,0,0]} />
     <SC.OrbitControls />
   </SC.Canvas>
-</PE.World>
\ No newline at end of file
+</PE.World>
+
+<style>
+  .instructions {
+    position: absolute;
+    top: 5%;
+    left: 40%;
+    z-index: 10;
+    color: white;
+    font-size: 2rem;
+  }
+</style>
\ No newline at end of file
diff --git a/src/routes/index.svelte b/src/routes/index.svelte
index 08e59bb..c0ffe8d 100644
--- a/src/routes/index.svelte
+++ b/src/routes/index.svelte
@@ -1,31 +1,5 @@
 <script>
-  import * as SC from 'svelte-cubed';
-  import * as THREE from 'three';
-  import * as PE from 'svelte-cannon';
-  import Box from '$lib/Box.svelte';
-
-  let count = 1;
+  import Cubes from './cubes.svelte';
 </script>
 
-<svelte:window on:click={() => count += 1} />
-
-<PE.World gravity={[0, -9.8 ,0]}>
-  <SC.Canvas antialias shadows>
-    <PE.Body mass={0} rotation={[-Math.PI / 2, 0, 0]}>
-      <PE.Plane />
-    </PE.Body>
-    <SC.Mesh
-      receiveShadow
-      geometry={new THREE.PlaneGeometry(50, 50)}
-      rotation={[-Math.PI / 2, 0, 0]}
-      material={new THREE.MeshStandardMaterial({ color: "grey"})}
-    />
-    {#each {length: count } as _}
-      <Box />
-    {/each}
-    <SC.DirectionalLight intensity={1} position={[15,15,15]} shadow={{ mapSize: [2048, 2048]}} />
-    <SC.AmbientLight intensity={1} />
-    <SC.PerspectiveCamera position={[ 2, 2, 15 ]} target={[0,0,0]} />
-    <SC.OrbitControls />
-  </SC.Canvas>
-</PE.World>
\ No newline at end of file
+<Cubes />
\ No newline at end of file