Update index.html

index.html

@@ -164,6 +164,72 @@
             text-transform: uppercase;
             letter-spacing: 2px;
         }
+        #ammoDisplay {
+            position: absolute;
+            bottom: 20px;
+            right: 20px;
+            color: #0f0;
+            background: rgba(0,20,0,0.7);
+            padding: 10px;
+            font-size: 20px;
+            z-index: 1001;
+            border: 1px solid #0f0;
+            border-radius: 5px;
+        }
+        
+        #reloadingText {
+            position: absolute;
+            top: 50%;
+            left: 50%;
+            transform: translate(-50%, -50%);
+            color: #ff0000;
+            font-size: 24px;
+            font-weight: bold;
+            display: none;
+            z-index: 1002;
+        }
+        
+        #radar {
+            position: absolute;
+            bottom: 20px;
+            left: 20px;
+            width: 200px;
+            height: 200px;
+            background: rgba(0,20,0,0.3);
+            border: 2px solid #0f0;
+            border-radius: 50%;
+            z-index: 1001;
+            overflow: hidden;
+        }
+        
+        #radarLine {
+            position: absolute;
+            top: 50%;
+            left: 50%;
+            width: 50%;
+            height: 2px;
+            background: #0f0;
+            transform-origin: left center;
+            animation: radar-sweep 4s infinite linear;
+        }
+        
+        .enemy-dot {
+            position: absolute;
+            width: 6px;
+            height: 6px;
+            background: #ff0000;
+            border-radius: 50%;
+            transform: translate(-50%, -50%);
+        }
+        
+        @keyframes radar-sweep {
+            from {
+                transform: rotate(0deg);
+            }
+            to {
+                transform: rotate(360deg);
+            }
+        }
 
         #gameStats {
             position: absolute;
@@ -242,19 +308,32 @@
 
     
     <div id="gameContainer">
-        <div id="gameTitle">Tank Combat Simulator</div>
-        <div id="gameStats">
-            <div id="score">Score: 0</div>
-            <div id="time">Time: 180s</div>
-        </div>
-        <div id="crosshair"></div>
-        <div id="healthBar"><div id="health"></div></div>
-        <div id="ammo">Ammo: 10/10</div>
-        <div id="turretInfo">Turret Angle: 0°</div>
-        <div id="minimap"></div>
-        <div id="ammo">10/10</div>
+    <div id="gameTitle">Tank Combat Simulator</div>
+    <div id="gameStats">
+        <div id="score">Score: 0</div>
         <div id="time">Time: 180s</div>
-        <div id="health" style="width: 100%; background: green; height: 10px;"></div>
+    </div>
+    <div id="crosshair"></div>
+    
+    <!-- 체력바 -->
+    <div id="healthBar">
+        <div id="health"></div>
+    </div>
+    
+    <!-- 포탑 정보 -->
+    <div id="turretInfo">Turret Angle: 0°</div>
+    
+    <!-- 새로운 탄약 시스템 -->
+    <div id="ammoDisplay">APFSDS: 1/1</div>
+    
+    <!-- 리로딩 텍스트 -->
+    <div id="reloadingText">RELOADING...</div>
+    
+    <!-- 레이더 -->
+    <div id="radar">
+        <div id="radarLine"></div>
+    </div>
+</div>
 
     </div>