Update index.html

index.html

@@ -11,16 +11,20 @@
             background-color: #222;
             color: #fff;
             font-family: Arial, sans-serif;
+            margin: 0;
+            padding: 0;
+            overflow: hidden;
         }
         canvas {
             display: block;
             margin-top: 20px;
         }
         #scene-container {
-            width: 80vh;
-            height: 80vh;
-            margin: 0px;
-            padding: 0px
+            width: 100vw;
+            height: 100vh;
+            margin: 0;
+            padding: 0;
+            overflow: hidden;
         }
         #uploadForm {
             margin-top: 20px;
@@ -106,8 +110,9 @@
             scene = new THREE.Scene();
             camera = new THREE.PerspectiveCamera(75, window.innerWidth / window.innerHeight, 0.1, 1000);
             updateCameraPosition(); // カメラ位置を初期設定
+            
             renderer = new THREE.WebGLRenderer();
-            renderer.setSize(window.innerWidth, window.innerHeight);
+            renderer.setSize(document.getElementById('scene-container').clientWidth, document.getElementById('scene-container').clientHeight);
             document.getElementById('scene-container').innerHTML = ''; // 既存のcanvasを削除
             document.getElementById('scene-container').appendChild(renderer.domElement);
 
@@ -182,4 +187,4 @@
         }
     </script>
 </body>
-</html>
+</html>