From a3e2a0612dda637c3c94e68e538bf1e55446beb5 Mon Sep 17 00:00:00 2001
From: Youwen Wu <youwenw@gmail.com>
Date: Mon, 18 Mar 2024 21:54:41 -0700
Subject: [PATCH] style: fix background image jumping around

---
 client/src/App.svelte                           |  3 +++
 .../lib/Dashboard/Visualization/Scene.svelte    | 17 +++++++++++++----
 2 files changed, 16 insertions(+), 4 deletions(-)

diff --git a/client/src/App.svelte b/client/src/App.svelte
index 24f1c58..2a22397 100644
--- a/client/src/App.svelte
+++ b/client/src/App.svelte
@@ -93,6 +93,9 @@
     /* hide scrollbar */
     -ms-overflow-style: none;
     scrollbar-width: none;
+    background-position: top right;
+    width: 65vw;
+    height: 100vw;
   }
 
   .infotainment-container::-webkit-scrollbar {
diff --git a/client/src/lib/Dashboard/Visualization/Scene.svelte b/client/src/lib/Dashboard/Visualization/Scene.svelte
index 7888191..20b45db 100644
--- a/client/src/lib/Dashboard/Visualization/Scene.svelte
+++ b/client/src/lib/Dashboard/Visualization/Scene.svelte
@@ -1,3 +1,11 @@
+<!-- 
+  @component
+  
+  Visualization scene for the robot. 
+  1:28in scale
+  aka 1:0.71m scale
+ -->
+
 <script lang="ts">
   import { T, useTask } from '@threlte/core'
   import { Grid } from '@threlte/extras'
@@ -15,7 +23,7 @@
 
   const dispatch = createEventDispatcher()
 
-  const SPEED_MULTIPLIER = 4
+  const SPEED_MULTIPLIER = 1.408
   const axis = new Vector3(0, 1, 0)
 
   const follow = (delta: number) => {
@@ -105,6 +113,7 @@
     /* TODO: standardize a scale (meters : grid lengths) so we can have
     accurate positioning of sensor detected objects */
     // update position data for robot model
+    // Speed is reported in
     $mesh.position.x +=
       $telemetryReadonlyStore['chassis-y-speed'] * delta * SPEED_MULTIPLIER
     $mesh.position.z +=
@@ -135,10 +144,10 @@
 <T.AmbientLight color={'#f0f0f0'} intensity={0.1} />
 
 <RobotDecimated
-  scale={[10, 10, 10]}
+  scale={[9, 9, 9]}
   position.y={0}
-  position.x={-3}
-  position.z={3}
+  position.x={-2.8}
+  position.z={2.8}
   on:create={({ ref }) => {
     // @ts-expect-error
     mesh.set(ref)