add tweening

public/index.html

@@ -6,7 +6,8 @@
       {
         "imports": {
           "three": "/three/build/three.module.js",
-          "three/addons/": "/three/examples/jsm/"
+          "three/addons/": "/three/examples/jsm/",
+          "@tweenjs/tween.js": "/@tweenjs/tween.js/dist/tween.esm.js"
         }
       }
     </script>
@@ -26,17 +27,19 @@
       }
 
       .debug-panel {
-        display: none;
+        /* display: none; */
+        font-size: 0.8rem;
         position: fixed;
         opacity: 0.2;
-        inset: 0 0 auto auto;
+        overflow-y: scroll;
+        inset: 0 0 290px auto;
         border-bottom-left-radius: 10px;
         padding: 10px 10px 20px 20px;
         background-color: white;
         border: 5px solid gray;
         border-top: none;
         border-right: none;
-        width: 400px;
+        width: 300px;
         transition-duration: 0.2s;
         transition-property: opacity;
       }