Update index.html

index.html

@@ -46,17 +46,6 @@
             background: radial-gradient(circle, transparent 50%, rgba(0,0,0,0.4) 100%);
             pointer-events: none;
         }
-        /* 로딩 인디케이터 스타일 */
-        #loading-indicator {
-            position: fixed;
-            top: 50%;
-            left: 50%;
-            transform: translate(-50%, -50%);
-            color: white;
-            font-size: 24px;
-            z-index: 10; /* 다른 UI 요소 위에 표시 */
-            display: none; /* initially hidden */
-        }
 
         /* 터치 컨트롤 스타일 (선택 사항 - 가상 조이스틱) */
         #joystick-zone {
@@ -90,13 +79,12 @@
     <div id="crosshair" class="ui">+</div>
     <div id="flashlight-status" class="ui">Flashlight [F]</div>
     <div class="vignette"></div>
-    <div id="loading-indicator">Loading...</div>
     <div id="joystick-zone">
         <div id="joystick-knob"></div>
     </div>
 
     <script src="https://cdnjs.cloudflare.com/ajax/libs/three.js/r128/three.min.js"></script>
-    <script async defer src="https://cdnjs.cloudflare.com/ajax/libs/simplex-noise/4.0.1/simplex-noise.min.js"></script> <!-- async defer 추가 -->
+    <script defer src="https://cdnjs.cloudflare.com/ajax/libs/simplex-noise/4.0.1/simplex-noise.min.js"></script> <!-- defer 추가 -->
     <script>
         const SPAWN_POSITION = new THREE.Vector3(0, 1.7, 30);
         const CAVE_ENTRANCE = new THREE.Vector3(0, 1.7, -15);
@@ -124,7 +112,7 @@
             trees: [],
             vegetation: []
         };
-        let isTransitioning = true; // Start with transitioning true for initial load
+        let isTransitioning = false; //  initial load
         let caveSystem = [];
 
         // --- 터치 컨트롤 변수 ---
@@ -158,6 +146,9 @@
             camera.position.copy(SPAWN_POSITION);
             camera.lookAt(0, 1.7, 0); // Look towards the origin (adjust as needed)
 
+            //초기배경
+            scene.background = new THREE.Color(0x88ccff);
+
 
             document.addEventListener('keydown', onKeyDown);
             document.addEventListener('keyup', onKeyUp);
@@ -171,9 +162,6 @@
             document.addEventListener('touchend', onTouchEnd, false);
 
 
-
-            document.getElementById('loading-indicator').style.display = 'block'; // Show on start
-
             // Simplex Noise 초기화 (이제 defer 때문에 여기서 가능)
             simplex = new SimplexNoise();
 
@@ -457,12 +445,12 @@
             Promise.all(chunkPromises)
                 .then(() => {
                     isTransitioning = false;
-                    document.getElementById('loading-indicator').style.display = 'none';
+                   // document.getElementById('loading-indicator').style.display = 'none';
                 })
                 .catch(error => {
                     console.error("Error loading chunks:", error);
                     isTransitioning = false; // Ensure isTransitioning is reset
-                    document.getElementById('loading-indicator').style.display = 'none';
+                   // document.getElementById('loading-indicator').style.display = 'none';
                 });
         }
 
@@ -533,10 +521,10 @@
         function transitionEnvironment() {
             if (player.inCave) {
                 scene.fog = new THREE.FogExp2(0x000000, 0.15);
-                scene.background = new THREE.Color(0x000000);
+                scene.background = new THREE.Color(0x000000); //동굴안 배경
             } else {
                 scene.fog = null;
-                scene.background = new THREE.Color(0x88ccff);
+                scene.background = new THREE.Color(0x88ccff); //동굴밖 배경
             }
         }