Spaces:

bbc123321
/

battle-zone-royale

Running

App Files Files Community

bbc123321 commited on Oct 14, 2025

Commit

65bb0ca

verified ·

1 Parent(s): 076379c

Manual changes saved

Browse files

Files changed (1) hide show

index.html +103 -86

index.html CHANGED Viewed

@@ -3,7 +3,7 @@
 <head>
   <meta charset="utf-8" />
   <meta name="viewport" content="width=device-width, initial-scale=1" />
-  <title>BattleZone Royale - Enemies Gather First</title>
   <script src="https://cdn.tailwindcss.com"></script>
   <script src="https://unpkg.com/feather-icons"></script>
   <style>
@@ -76,7 +76,7 @@
       <div class="flex space-x-4 items-center">
         <div style="background:#111827;padding:.5rem .75rem;border-radius:.5rem;display:flex;align-items:center;gap:.5rem;"><i data-feather="map-pin"></i><span id="currentBiome">-</span></div>
         <div style="background:#111827;padding:.5rem .75rem;border-radius:.5rem;display:flex;align-items:center;gap:.5rem;"><i data-feather="clock"></i><span id="gameTimer">5:00</span></div>
-        <div style="background:#111827;padding:.5rem .75rem;border-radius:.5rem;display:flex;align-items:center;gap:.5rem;"><i data-feather="users"></i><span id="playerCount">1/20</span></div>
       </div>
     </header>
@@ -141,7 +141,7 @@
     const goHomeBtn = document.getElementById('goHomeBtn');
     const continueBtn = document.getElementById('continueBtn');
-    // World (bigger)
     const WORLD = { width: 6000, height: 4000 };
     let camera = { x:0, y:0 };
@@ -153,13 +153,13 @@
     }
     window.addEventListener('resize', resizeCanvas);
-    // Player (pickaxe separate from 5 inventory slots)
     const player = {
       id:'player', x: WORLD.width/2, y: WORLD.height/2, radius:16, angle:0, speed:220,
       health:100, armor:0, kills:0, materials:0,
-      inventory: [null,null,null,null,null], // 5 slots
       selectedSlot:0,
-      equippedIndex: -1, // -1 = pickaxe equipped, >=0 = inventory slot equipped
       lastShot:0, lastMelee:0
     };
@@ -222,9 +222,9 @@
     // Entities
     const bullets = [];
     const chests = [];
-    const objects = []; // harvestables & walls
     const enemies = [];
-    const pickups = []; // visible ground pickups
     function rand(min,max){ return Math.random()*(max-min)+min; }
     function randInt(min,max){ return Math.floor(Math.random()*(max-min))+min; }
@@ -239,7 +239,6 @@
       return 'ruins';
     }
-    // Weapon factory
     function makeWeaponProto(w){
       return { name:w.name, dmg:w.dmg, rate:w.rate, color:w.color, magSize:w.magSize || 12, startReserve:w.startReserve || (w.magSize*2 || 24) };
     }
@@ -247,7 +246,7 @@
     function generateLootForBiome(b){
       const roll = Math.random();
       if (roll < 0.35) return { type:'medkit', amount:1 };
-      if (roll < 0.7) return { type:'materials', amount: randInt(5,20) };
       const weapons = [
         { name:'Pistol', dmg:12, rate:320, color:'#ffd86b', magSize:12, startReserve:24 },
         { name:'SMG', dmg:6, rate:120, color:'#8ef0ff', magSize:30, startReserve:90 },
@@ -257,13 +256,16 @@
       return { type:'weapon', weapon: weapons[randInt(0, weapons.length)] };
     }
-    // Populate world
     function populateWorld(){
       chests.length = 0; objects.length = 0; enemies.length = 0; pickups.length = 0;
       for (let i=0;i<260;i++){
         const x = rand(150, WORLD.width-150);
         const y = rand(150, WORLD.height-150);
-        chests.push({ x,y, opened:false, loot: generateLootForBiome(biomeAt(x,y)) });
       }
       for (let i=0;i<700;i++){
         const t = Math.random();
@@ -274,14 +276,14 @@
         const hp = type==='wood'?40 : (type==='stone'?80:160);
         objects.push({ x,y, type, hp, maxHp:hp, dead:false });
       }
-      for (let i=0;i<19;i++){
         const ex = rand(300, WORLD.width-300);
         const ey = rand(300, WORLD.height-300);
         enemies.push({
-          id:'e'+i, x:ex, y:ey, radius:14, angle:0, speed:110+rand(-20,20),
           health: 80 + randInt(0,40), lastMelee:0, meleeRate:800 + randInt(-200,200),
           roamTimer: rand(0,3),
-          // enemy state machine and inventory
           inventory: [null,null,null,null,null],
           selectedSlot: 0,
           equippedIndex: -1,
@@ -289,15 +291,16 @@
           lastShot: 0,
           reloadingUntil: 0,
           lastAttackedTime: 0,
-          state: 'gather',               // 'gather' -> 'combat' -> 'defend' ...
-          gatherTimeLeft: rand(8,16),    // seconds to try gather before switching
-          target: null                   // {type:'chest'|'object'|'pickup'|'player', ref:...}
         });
       }
       updatePlayerCount();
     }
-    // HUD init
     function initHUD(){
       hudHealth.classList.remove('hidden');
       hudGearWrap.classList.remove('hidden');
@@ -345,7 +348,7 @@
       feather.replace();
     }
-    // Camera helpers
     function cameraUpdate(){
       if (!canvas.width || !canvas.height) return;
       camera.x = player.x - canvas.width/2;
@@ -355,7 +358,7 @@
     }
     function worldToScreen(wx,wy){ return { x: Math.round(wx - camera.x), y: Math.round(wy - camera.y) }; }
-    // Shooting, reload, melee (player)
     function shootBullet(originX, originY, targetX, targetY, weaponObj, shooterId){
       if (!weaponObj || (typeof weaponObj.ammoInMag === 'number' && weaponObj.ammoInMag <= 0)) return false;
       const speed = 1100;
@@ -407,7 +410,7 @@
       }
     }
-    // Interact (player)
     function interactNearby(){
       const sel = player.selectedSlot;
       const selItem = player.inventory[sel];
@@ -423,13 +426,12 @@
         if (chest.opened) continue;
         const d = Math.hypot(chest.x - player.x, chest.y - player.y);
         if (d < range){
-          // open and spawn pickups (player)
           chest.opened = true;
           const loot = chest.loot;
           const px = chest.x + rand(-20,20), py = chest.y + rand(-20,20);
           if (loot.type === 'weapon') pickups.push({ x:px, y:py, type:'weapon', weapon: makeWeaponProto(loot.weapon), ammoInMag: loot.weapon.magSize || 12, ammoReserve: loot.weapon.startReserve || (loot.weapon.magSize*2 || 24) });
           else if (loot.type === 'medkit') pickups.push({ x:px, y:py, type:'medkit', amount: loot.amount || 1 });
-          else if (loot.type === 'materials') pickups.push({ x:px, y:py, type:'materials', amount: loot.amount || 5 });
           if (Math.random() < 0.25){
             pickups.push({ x:px+8, y:py+8, type:'ammo', forWeapon: null, amount: randInt(6,30) });
           }
@@ -478,7 +480,7 @@
       }
     }
-    // Enemy helpers: equip best weapon, reload, collect pickups
     function enemyEquipBestWeapon(e){
       let bestIdx = -1;
       let bestScore = -Infinity;
@@ -536,7 +538,6 @@
       }
     }
-    // Build Q
     function tryBuild(){
       if (player.materials < 10) return;
       player.materials -= 10;
@@ -554,7 +555,7 @@
       return true;
     }
-    // LOS helper + blocker finder
     function hasLineOfSight(x1,y1,x2,y2){
       const vx = x2 - x1, vy = y2 - y1;
       const vlen2 = vx*vx + vy*vy;
@@ -591,14 +592,13 @@
       return closest;
     }
-    // Bullets update: mark enemies as attacked when hit
     function bulletsUpdate(dt){
       for (let i=bullets.length-1;i>=0;i--){
         const b = bullets[i];
         b.x += b.vx * dt; b.y += b.vy * dt;
         b.traveled += Math.hypot(b.vx*dt, b.vy*dt);
         b.life -= dt;
-        // hit player
         if (b.dmg > 0 && b.shooter !== 'player'){
           if (Math.hypot(player.x - b.x, player.y - b.y) < 16){
             player.health -= b.dmg;
@@ -606,7 +606,6 @@
             bullets.splice(i,1); continue;
           }
         }
-        // hit enemies
         if (b.dmg > 0){
           for (const e of enemies){
             if (e.health <= 0) continue;
@@ -620,7 +619,6 @@
           }
           if (!bullets[i]) continue;
         }
-        // collision with objects & chests
         if (!b.tracer && b.dmg > 0){
           for (const obj of objects){
             if (obj.dead) continue;
@@ -638,7 +636,7 @@
               const px = chest.x + rand(-20,20), py = chest.y + rand(-20,20);
               if (loot.type === 'weapon') pickups.push({ x:px, y:py, type:'weapon', weapon: makeWeaponProto(loot.weapon), ammoInMag: loot.weapon.magSize || 12, ammoReserve: loot.weapon.startReserve || (loot.weapon.magSize*2 || 24) });
               else if (loot.type === 'medkit') pickups.push({ x:px, y:py, type:'medkit', amount: loot.amount || 1 });
-              else if (loot.type === 'materials') pickups.push({ x:px, y:py, type:'materials', amount: loot.amount || 5 });
               bullets.splice(i,1); break;
             }
           }
@@ -648,7 +646,7 @@
       }
     }
-    // Find nearest unopened chest or nearest harvestable object
     function findNearestChest(e, maxDist = 1200){
       let best = null; let bd = Infinity;
       for (const c of chests){ if (c.opened) continue; const d = Math.hypot(c.x - e.x, c.y - e.y); if (d < bd && d <= maxDist){ bd = d; best = c; } }
@@ -665,56 +663,56 @@
       return best;
     }
-    // Enemies: improved state machine - gather then combat
     function updateEnemies(dt, now){
       for (const e of enemies){
         if (e.health <= 0) continue;
-        // If recently attacked by player, switch to combat immediately
         if (now - e.lastAttackedTime < 4000){
           e.state = 'combat';
         }
-        // Decrease gather timer if still gathering
         if (e.state === 'gather'){
           e.gatherTimeLeft -= dt;
         }
-        // If underheal and has medkit, heal immediately (even while gathering)
-        if (e.health < 60){
-          let used = false;
           for (let s=0;s<5;s++){
             const it = e.inventory[s];
-            if (it && it.type === 'medkit'){
-              it.amount -= 1;
-              e.health = Math.min(120, e.health + 50);
-              if (it.amount <= 0) e.inventory[s] = null;
-              used = true;
-              break;
-            }
           }
-          if (used) continue; // use time to heal this tick
         }
-        // Determine transition from 'gather' to 'combat'
         const hasUsefulWeapon = e.inventory.some(it => it && it.type === 'weapon' && (it.ammoInMag > 0 || it.ammoReserve > 0));
         if ((e.gatherTimeLeft <= 0 || e.materials >= 20 || hasUsefulWeapon) && e.state === 'gather'){
           e.state = 'combat';
         }
-        // State behavior:
         if (e.state === 'gather'){
-          // prefer pickups, then chests, then harvest objects
           let targetPickup = findNearestPickup(e, 240);
           if (targetPickup){
-            // move to pickup
             const angle = Math.atan2(targetPickup.y - e.y, targetPickup.x - e.x);
             e.angle = angle;
             e.x += Math.cos(e.angle) * e.speed * dt * 0.9;
             e.y += Math.sin(e.angle) * e.speed * dt * 0.9;
             if (Math.hypot(targetPickup.x - e.x, targetPickup.y - e.y) < 18){
               enemyPickupCollect(e, targetPickup);
-              // remove pickup from global array
               const idx = pickups.indexOf(targetPickup);
               if (idx >= 0) pickups.splice(idx,1);
             }
@@ -729,7 +727,6 @@
               e.x += Math.cos(e.angle) * e.speed * dt * 0.9;
               e.y += Math.sin(e.angle) * e.speed * dt * 0.9;
             } else {
-              // open chest and directly give loot to enemy (avoid leaving pickups, faster)
               chestTarget.opened = true;
               const loot = chestTarget.loot;
               if (loot.type === 'weapon'){
@@ -737,13 +734,12 @@
               } else if (loot.type === 'medkit'){
                 enemyPickupCollect(e, { type:'medkit', amount: loot.amount || 1 });
               } else if (loot.type === 'materials'){
-                enemyPickupCollect(e, { type:'materials', amount: loot.amount || 5 });
               }
             }
             continue;
           }
-          // no chest nearby -> try harvest nearest wood/stone
           let objTarget = findNearestHarvestable(e, 700);
           if (objTarget){
             const d = Math.hypot(objTarget.x - e.x, objTarget.y - e.y);
@@ -752,13 +748,11 @@
               e.x += Math.cos(e.angle) * e.speed * dt * 0.8;
               e.y += Math.sin(e.angle) * e.speed * dt * 0.8;
             } else {
-              // melee hit slice: reduce object hp over time
-              objTarget.hp -= 40 * dt; // faster than player to let enemies gather
               if (objTarget.hp <= 0 && !objTarget.dead){
                 objTarget.dead = true;
                 const matGain = objTarget.type === 'wood' ? 3 : 6;
                 e.materials += matGain;
-                // small chance to spawn a weapon or medkit when breaking
                 if (Math.random() < 0.08){
                   const lootRoll = Math.random();
                   if (lootRoll < 0.4) enemyPickupCollect(e, { type:'medkit', amount:1 });
@@ -770,20 +764,15 @@
             continue;
           }
-          // nothing to gather -> roam slowly
           e.x += Math.cos(e.angle) * e.speed * dt * 0.25;
           e.y += Math.sin(e.angle) * e.speed * dt * 0.25;
           if (Math.random() < 0.01) e.angle += (Math.random()-0.5)*2;
           continue;
         } // end gather
-        // Combat or defend state
-        // ensure equipped weapon selected if present
-        if (e.equippedIndex === -1){
-          enemyEquipBestWeapon(e);
-        }
-        // auto-reload if needed
         if (e.equippedIndex >= 0){
           const eq = e.inventory[e.equippedIndex];
           if (eq && eq.type === 'weapon' && eq.ammoInMag <= 0 && eq.ammoReserve > 0){
@@ -791,7 +780,7 @@
           }
         }
-        // pick nearest target (player preferred)
         let target = player;
         let bestDist = Math.hypot(player.x - e.x, player.y - e.y);
         for (const other of enemies){
@@ -800,13 +789,11 @@
           if (d < bestDist && Math.random() < 0.6){ bestDist = d; target = other; }
         }
-        // If target is player & player is very close while enemy has low HP: try to heal/build/retreat rather than attack
         const distToPlayer = Math.hypot(player.x - e.x, player.y - e.y);
         if (distToPlayer < 160 && e.health < 35 && e.materials >= 10 && Math.random() < 0.5){
           enemyTryBuild(e);
         }
-        // If target blocked by structure, try to break it first
         const blocked = !hasLineOfSight(e.x, e.y, target.x, target.y);
         if (blocked){
           const blocker = findBlockingObject(e.x, e.y, target.x, target.y);
@@ -816,7 +803,6 @@
               blocker.hp -= 18 * dt * 2;
               if (blocker.hp <= 0){ blocker.dead = true; e.materials += (blocker.type === 'wood' ? 3 : 6); }
             } else {
-              // shoot at blocker if possible
               if (e.equippedIndex >= 0){
                 const eq = e.inventory[e.equippedIndex];
                 if (eq && eq.type === 'weapon' && eq.ammoInMag > 0 && now - e.lastShot > (eq.weapon.rate || 300)){
@@ -835,7 +821,7 @@
           }
         }
-        // Attack logic: melee if close, otherwise ranged if has weapon and LOS
         if (distToPlayer < 36 && now - e.lastMelee > e.meleeRate){
           e.lastMelee = now;
           const dmg = 10 + randInt(0,8);
@@ -846,7 +832,6 @@
           const eq = e.inventory[e.equippedIndex];
           if (eq && eq.type === 'weapon' && now - (e.lastShot||0) > (eq.weapon.rate || 300)){
             if (eq.ammoInMag <= 0){
-              // reload if ammoReserve available
               if (eq.ammoReserve > 0) reloadItem(eq);
             } else {
               if (hasLineOfSight(e.x, e.y, target.x, target.y)){
@@ -856,20 +841,17 @@
                 shootBullet(e.x + Math.cos(angle)*12, e.y + Math.sin(angle)*12, target.x + (Math.random()-0.5)*6, target.y + (Math.random()-0.5)*6, eq, e.id);
                 e.lastAttackedTime = now;
               } else {
-                // move to get LOS
                 e.angle = Math.atan2(target.y - e.y, target.x - e.x);
                 e.x += Math.cos(e.angle) * e.speed * dt * 0.6;
                 e.y += Math.sin(e.angle) * e.speed * dt * 0.6;
               }
             }
           } else {
-            // no weapon -> move toward target to melee
             e.angle = Math.atan2(target.y - e.y, target.x - e.x);
             e.x += Math.cos(e.angle) * e.speed * dt * 0.9;
             e.y += Math.sin(e.angle) * e.speed * dt * 0.9;
           }
         } else {
-          // unarmed: move in and melee
           e.angle = Math.atan2(target.y - e.y, target.x - e.x);
           e.x += Math.cos(e.angle) * e.speed * dt * 0.9;
           e.y += Math.sin(e.angle) * e.speed * dt * 0.9;
@@ -877,7 +859,7 @@
       }
     }
-    // Storm (unchanged)
     const storm = { maxRadius: 2400, radius:2400, centerX: WORLD.width/2, centerY: WORLD.height/2, damagePerSecond:1, closingSpeed: 0.6, active:false };
     let stormDamageAccumulator = 0;
     function playerInStorm(){ return Math.hypot(player.x - storm.centerX, player.y - storm.centerY) > storm.radius; }
@@ -905,10 +887,9 @@
       }
     }
-    // Utility
     function updatePlayerCount(){
       const aliveEnemies = enemies.filter(e => e.health > 0).length;
-      document.getElementById('playerCount').textContent = `${1 + aliveEnemies}/20`;
       if (gameActive && aliveEnemies === 0 && player.health > 0){
         gameActive = false;
         victoryScreen.classList.remove('hidden');
@@ -916,7 +897,7 @@
       }
     }
-    // Drawing (unchanged)
     function drawWorld(){
       const TILE = 600;
       const cols = Math.ceil(WORLD.width / TILE);
@@ -1009,18 +990,55 @@
         const s = worldToScreen(e.x,e.y);
         ctx.save();
         ctx.translate(s.x,s.y); ctx.rotate(e.angle);
         ctx.fillStyle='rgba(0,0,0,0.18)'; ctx.beginPath(); ctx.ellipse(0,12,14,6,0,0,Math.PI*2); ctx.fill();
         ctx.fillStyle='#ff6b6b'; ctx.beginPath(); ctx.moveTo(12,0); ctx.lineTo(-10,-8); ctx.lineTo(-10,8); ctx.closePath(); ctx.fill();
         ctx.fillStyle='rgba(0,0,0,0.6)'; ctx.fillRect(-18,-22,36,6);
         const hpPct = Math.max(0, Math.min(1, e.health/120));
         ctx.fillStyle='#ff6b6b'; ctx.fillRect(-18,-22,36*hpPct,6);
-        if (e.equippedIndex >= 0 && e.inventory[e.equippedIndex] && e.inventory[e.equippedIndex].type === 'weapon') {
-          ctx.fillStyle = e.inventory[e.equippedIndex].weapon.color || '#fff';
-          ctx.fillRect(-10,12,8,6);
         }
-        // draw state marker small
         ctx.fillStyle = e.state === 'gather' ? 'rgba(0,200,200,0.9)' : (e.state === 'combat' ? 'rgba(255,80,80,0.95)' : 'rgba(255,200,80,0.9)');
         ctx.beginPath(); ctx.arc(18, -18, 5, 0, Math.PI*2); ctx.fill();
         ctx.restore();
       }
     }
@@ -1085,7 +1103,7 @@
     function drawCrosshair(){ }
-    // Main loop
     let lastTime = 0;
     function gameLoop(ts){
       if (!gameActive) return;
@@ -1110,7 +1128,6 @@
       player.angle = Math.atan2(mouse.worldY - player.y, mouse.worldX - player.x);
-      // determine active weapon for player
       let activeWeaponItem = null;
       if (player.equippedIndex >= 0) activeWeaponItem = player.inventory[player.equippedIndex];
       else {
@@ -1143,7 +1160,7 @@
       updateEnemies(dt, performance.now());
       bulletsUpdate(dt);
-      // pickups auto-collect for player
       for (let i=pickups.length-1;i>=0;i--){
         const p = pickups[i];
         if (Math.hypot(p.x - player.x, p.y - player.y) < 18){ pickupCollect(p); pickups.splice(i,1); updateHUD(); }

 <head>
   <meta charset="utf-8" />
   <meta name="viewport" content="width=device-width, initial-scale=1" />
+  <title>BattleZone Royale - Enemies Gather First (Improved)</title>
   <script src="https://cdn.tailwindcss.com"></script>
   <script src="https://unpkg.com/feather-icons"></script>
   <style>
       <div class="flex space-x-4 items-center">
         <div style="background:#111827;padding:.5rem .75rem;border-radius:.5rem;display:flex;align-items:center;gap:.5rem;"><i data-feather="map-pin"></i><span id="currentBiome">-</span></div>
         <div style="background:#111827;padding:.5rem .75rem;border-radius:.5rem;display:flex;align-items:center;gap:.5rem;"><i data-feather="clock"></i><span id="gameTimer">5:00</span></div>
+        <div style="background:#111827;padding:.5rem .75rem;border-radius:.5rem;display:flex;align-items:center;gap:.5rem;"><i data-feather="users"></i><span id="playerCount">1/50</span></div>
       </div>
     </header>
     const goHomeBtn = document.getElementById('goHomeBtn');
     const continueBtn = document.getElementById('continueBtn');
+    // World
     const WORLD = { width: 6000, height: 4000 };
     let camera = { x:0, y:0 };
     }
     window.addEventListener('resize', resizeCanvas);
+    // Player
     const player = {
       id:'player', x: WORLD.width/2, y: WORLD.height/2, radius:16, angle:0, speed:220,
       health:100, armor:0, kills:0, materials:0,
+      inventory: [null,null,null,null,null],
       selectedSlot:0,
+      equippedIndex: -1,
       lastShot:0, lastMelee:0
     };
     // Entities
     const bullets = [];
     const chests = [];
+    const objects = [];
     const enemies = [];
+    const pickups = [];
     function rand(min,max){ return Math.random()*(max-min)+min; }
     function randInt(min,max){ return Math.floor(Math.random()*(max-min))+min; }
       return 'ruins';
     }
     function makeWeaponProto(w){
       return { name:w.name, dmg:w.dmg, rate:w.rate, color:w.color, magSize:w.magSize || 12, startReserve:w.startReserve || (w.magSize*2 || 24) };
     }
     function generateLootForBiome(b){
       const roll = Math.random();
       if (roll < 0.35) return { type:'medkit', amount:1 };
+      if (roll < 0.7) return { type:'materials', amount: 10 }; // always 10 per request
       const weapons = [
         { name:'Pistol', dmg:12, rate:320, color:'#ffd86b', magSize:12, startReserve:24 },
         { name:'SMG', dmg:6, rate:120, color:'#8ef0ff', magSize:30, startReserve:90 },
       return { type:'weapon', weapon: weapons[randInt(0, weapons.length)] };
     }
+    // Populate world - spawn 49 enemies
     function populateWorld(){
       chests.length = 0; objects.length = 0; enemies.length = 0; pickups.length = 0;
       for (let i=0;i<260;i++){
         const x = rand(150, WORLD.width-150);
         const y = rand(150, WORLD.height-150);
+        const loot = generateLootForBiome(biomeAt(x,y));
+        // ensure materials amount=10 (per request) if type materials
+        if (loot.type === 'materials') loot.amount = 10;
+        chests.push({ x,y, opened:false, loot });
       }
       for (let i=0;i<700;i++){
         const t = Math.random();
         const hp = type==='wood'?40 : (type==='stone'?80:160);
         objects.push({ x,y, type, hp, maxHp:hp, dead:false });
       }
+      // spawn 49 enemies
+      for (let i=0;i<49;i++){
         const ex = rand(300, WORLD.width-300);
         const ey = rand(300, WORLD.height-300);
         enemies.push({
+          id:'e'+i, x:ex, y:ey, radius:14, angle:rand(0,Math.PI*2), speed:110+rand(-20,20),
           health: 80 + randInt(0,40), lastMelee:0, meleeRate:800 + randInt(-200,200),
           roamTimer: rand(0,3),
           inventory: [null,null,null,null,null],
           selectedSlot: 0,
           equippedIndex: -1,
           lastShot: 0,
           reloadingUntil: 0,
           lastAttackedTime: 0,
+          state: 'gather',
+          gatherTimeLeft: rand(8,16),
+          target: null,
+          nextHealTime: 0 // only heal using medkit and with cooldown
         });
       }
       updatePlayerCount();
     }
+    // HUD
     function initHUD(){
       hudHealth.classList.remove('hidden');
       hudGearWrap.classList.remove('hidden');
       feather.replace();
     }
+    // Camera
     function cameraUpdate(){
       if (!canvas.width || !canvas.height) return;
       camera.x = player.x - canvas.width/2;
     }
     function worldToScreen(wx,wy){ return { x: Math.round(wx - camera.x), y: Math.round(wy - camera.y) }; }
+    // Combat utilities
     function shootBullet(originX, originY, targetX, targetY, weaponObj, shooterId){
       if (!weaponObj || (typeof weaponObj.ammoInMag === 'number' && weaponObj.ammoInMag <= 0)) return false;
       const speed = 1100;
       }
     }
+    // Player interact
     function interactNearby(){
       const sel = player.selectedSlot;
       const selItem = player.inventory[sel];
         if (chest.opened) continue;
         const d = Math.hypot(chest.x - player.x, chest.y - player.y);
         if (d < range){
           chest.opened = true;
           const loot = chest.loot;
           const px = chest.x + rand(-20,20), py = chest.y + rand(-20,20);
           if (loot.type === 'weapon') pickups.push({ x:px, y:py, type:'weapon', weapon: makeWeaponProto(loot.weapon), ammoInMag: loot.weapon.magSize || 12, ammoReserve: loot.weapon.startReserve || (loot.weapon.magSize*2 || 24) });
           else if (loot.type === 'medkit') pickups.push({ x:px, y:py, type:'medkit', amount: loot.amount || 1 });
+          else if (loot.type === 'materials') pickups.push({ x:px, y:py, type:'materials', amount: loot.amount || 10 });
           if (Math.random() < 0.25){
             pickups.push({ x:px+8, y:py+8, type:'ammo', forWeapon: null, amount: randInt(6,30) });
           }
       }
     }
+    // Enemy helpers
     function enemyEquipBestWeapon(e){
       let bestIdx = -1;
       let bestScore = -Infinity;
       }
     }
     function tryBuild(){
       if (player.materials < 10) return;
       player.materials -= 10;
       return true;
     }
+    // LOS helpers
     function hasLineOfSight(x1,y1,x2,y2){
       const vx = x2 - x1, vy = y2 - y1;
       const vlen2 = vx*vx + vy*vy;
       return closest;
     }
+    // Bullets update
     function bulletsUpdate(dt){
       for (let i=bullets.length-1;i>=0;i--){
         const b = bullets[i];
         b.x += b.vx * dt; b.y += b.vy * dt;
         b.traveled += Math.hypot(b.vx*dt, b.vy*dt);
         b.life -= dt;
         if (b.dmg > 0 && b.shooter !== 'player'){
           if (Math.hypot(player.x - b.x, player.y - b.y) < 16){
             player.health -= b.dmg;
             bullets.splice(i,1); continue;
           }
         }
         if (b.dmg > 0){
           for (const e of enemies){
             if (e.health <= 0) continue;
           }
           if (!bullets[i]) continue;
         }
         if (!b.tracer && b.dmg > 0){
           for (const obj of objects){
             if (obj.dead) continue;
               const px = chest.x + rand(-20,20), py = chest.y + rand(-20,20);
               if (loot.type === 'weapon') pickups.push({ x:px, y:py, type:'weapon', weapon: makeWeaponProto(loot.weapon), ammoInMag: loot.weapon.magSize || 12, ammoReserve: loot.weapon.startReserve || (loot.weapon.magSize*2 || 24) });
               else if (loot.type === 'medkit') pickups.push({ x:px, y:py, type:'medkit', amount: loot.amount || 1 });
+              else if (loot.type === 'materials') pickups.push({ x:px, y:py, type:'materials', amount: loot.amount || 10 });
               bullets.splice(i,1); break;
             }
           }
       }
     }
+    // Nearest helpers
     function findNearestChest(e, maxDist = 1200){
       let best = null; let bd = Infinity;
       for (const c of chests){ if (c.opened) continue; const d = Math.hypot(c.x - e.x, c.y - e.y); if (d < bd && d <= maxDist){ bd = d; best = c; } }
       return best;
     }
+    // Enemy AI: gather-first state machine, heal only using medkits, visible weapon drawing logic supported in drawEnemies
     function updateEnemies(dt, now){
       for (const e of enemies){
         if (e.health <= 0) continue;
+        // If recently attacked, go combat
         if (now - e.lastAttackedTime < 4000){
           e.state = 'combat';
         }
         if (e.state === 'gather'){
           e.gatherTimeLeft -= dt;
         }
+        // Only heal using medkit: check cooldown and presence in inventory
+        if (e.health < 60 && now >= (e.nextHealTime || 0)){
+          // find medkit in inventory
+          let medIdx = -1;
           for (let s=0;s<5;s++){
             const it = e.inventory[s];
+            if (it && it.type === 'medkit' && it.amount > 0){ medIdx = s; break; }
+          }
+          if (medIdx !== -1){
+            // use medkit (consume one), set cooldown so it's not instant recurring
+            const kit = e.inventory[medIdx];
+            kit.amount -= 1;
+            e.health = Math.min(120, e.health + 50);
+            if (kit.amount <= 0) e.inventory[medIdx] = null;
+            e.nextHealTime = now + 6000; // 6s cooldown before next possible medkit use
+            // do not switch state to combat just because healing occurred
+            continue;
           }
         }
+        // transition gather -> combat if conditions met
         const hasUsefulWeapon = e.inventory.some(it => it && it.type === 'weapon' && (it.ammoInMag > 0 || it.ammoReserve > 0));
         if ((e.gatherTimeLeft <= 0 || e.materials >= 20 || hasUsefulWeapon) && e.state === 'gather'){
           e.state = 'combat';
         }
         if (e.state === 'gather'){
+          // prioritize nearby pickups, then chests, then harvest objects
           let targetPickup = findNearestPickup(e, 240);
           if (targetPickup){
             const angle = Math.atan2(targetPickup.y - e.y, targetPickup.x - e.x);
             e.angle = angle;
             e.x += Math.cos(e.angle) * e.speed * dt * 0.9;
             e.y += Math.sin(e.angle) * e.speed * dt * 0.9;
             if (Math.hypot(targetPickup.x - e.x, targetPickup.y - e.y) < 18){
               enemyPickupCollect(e, targetPickup);
               const idx = pickups.indexOf(targetPickup);
               if (idx >= 0) pickups.splice(idx,1);
             }
               e.x += Math.cos(e.angle) * e.speed * dt * 0.9;
               e.y += Math.sin(e.angle) * e.speed * dt * 0.9;
             } else {
               chestTarget.opened = true;
               const loot = chestTarget.loot;
               if (loot.type === 'weapon'){
               } else if (loot.type === 'medkit'){
                 enemyPickupCollect(e, { type:'medkit', amount: loot.amount || 1 });
               } else if (loot.type === 'materials'){
+                enemyPickupCollect(e, { type:'materials', amount: loot.amount || 10 });
               }
             }
             continue;
           }
           let objTarget = findNearestHarvestable(e, 700);
           if (objTarget){
             const d = Math.hypot(objTarget.x - e.x, objTarget.y - e.y);
               e.x += Math.cos(e.angle) * e.speed * dt * 0.8;
               e.y += Math.sin(e.angle) * e.speed * dt * 0.8;
             } else {
+              objTarget.hp -= 40 * dt;
               if (objTarget.hp <= 0 && !objTarget.dead){
                 objTarget.dead = true;
                 const matGain = objTarget.type === 'wood' ? 3 : 6;
                 e.materials += matGain;
                 if (Math.random() < 0.08){
                   const lootRoll = Math.random();
                   if (lootRoll < 0.4) enemyPickupCollect(e, { type:'medkit', amount:1 });
             continue;
           }
+          // roam
           e.x += Math.cos(e.angle) * e.speed * dt * 0.25;
           e.y += Math.sin(e.angle) * e.speed * dt * 0.25;
           if (Math.random() < 0.01) e.angle += (Math.random()-0.5)*2;
           continue;
         } // end gather
+        // Combat behavior
+        if (e.equippedIndex === -1) enemyEquipBestWeapon(e);
         if (e.equippedIndex >= 0){
           const eq = e.inventory[e.equippedIndex];
           if (eq && eq.type === 'weapon' && eq.ammoInMag <= 0 && eq.ammoReserve > 0){
           }
         }
+        // choose target (player preferred)
         let target = player;
         let bestDist = Math.hypot(player.x - e.x, player.y - e.y);
         for (const other of enemies){
           if (d < bestDist && Math.random() < 0.6){ bestDist = d; target = other; }
         }
         const distToPlayer = Math.hypot(player.x - e.x, player.y - e.y);
         if (distToPlayer < 160 && e.health < 35 && e.materials >= 10 && Math.random() < 0.5){
           enemyTryBuild(e);
         }
         const blocked = !hasLineOfSight(e.x, e.y, target.x, target.y);
         if (blocked){
           const blocker = findBlockingObject(e.x, e.y, target.x, target.y);
               blocker.hp -= 18 * dt * 2;
               if (blocker.hp <= 0){ blocker.dead = true; e.materials += (blocker.type === 'wood' ? 3 : 6); }
             } else {
               if (e.equippedIndex >= 0){
                 const eq = e.inventory[e.equippedIndex];
                 if (eq && eq.type === 'weapon' && eq.ammoInMag > 0 && now - e.lastShot > (eq.weapon.rate || 300)){
           }
         }
+        // Attack
         if (distToPlayer < 36 && now - e.lastMelee > e.meleeRate){
           e.lastMelee = now;
           const dmg = 10 + randInt(0,8);
           const eq = e.inventory[e.equippedIndex];
           if (eq && eq.type === 'weapon' && now - (e.lastShot||0) > (eq.weapon.rate || 300)){
             if (eq.ammoInMag <= 0){
               if (eq.ammoReserve > 0) reloadItem(eq);
             } else {
               if (hasLineOfSight(e.x, e.y, target.x, target.y)){
                 shootBullet(e.x + Math.cos(angle)*12, e.y + Math.sin(angle)*12, target.x + (Math.random()-0.5)*6, target.y + (Math.random()-0.5)*6, eq, e.id);
                 e.lastAttackedTime = now;
               } else {
                 e.angle = Math.atan2(target.y - e.y, target.x - e.x);
                 e.x += Math.cos(e.angle) * e.speed * dt * 0.6;
                 e.y += Math.sin(e.angle) * e.speed * dt * 0.6;
               }
             }
           } else {
             e.angle = Math.atan2(target.y - e.y, target.x - e.x);
             e.x += Math.cos(e.angle) * e.speed * dt * 0.9;
             e.y += Math.sin(e.angle) * e.speed * dt * 0.9;
           }
         } else {
           e.angle = Math.atan2(target.y - e.y, target.x - e.x);
           e.x += Math.cos(e.angle) * e.speed * dt * 0.9;
           e.y += Math.sin(e.angle) * e.speed * dt * 0.9;
       }
     }
+    // Storm
     const storm = { maxRadius: 2400, radius:2400, centerX: WORLD.width/2, centerY: WORLD.height/2, damagePerSecond:1, closingSpeed: 0.6, active:false };
     let stormDamageAccumulator = 0;
     function playerInStorm(){ return Math.hypot(player.x - storm.centerX, player.y - storm.centerY) > storm.radius; }
       }
     }
     function updatePlayerCount(){
       const aliveEnemies = enemies.filter(e => e.health > 0).length;
+      document.getElementById('playerCount').textContent = `${1 + aliveEnemies}/50`;
       if (gameActive && aliveEnemies === 0 && player.health > 0){
         gameActive = false;
         victoryScreen.classList.remove('hidden');
       }
     }
+    // Drawing
     function drawWorld(){
       const TILE = 600;
       const cols = Math.ceil(WORLD.width / TILE);
         const s = worldToScreen(e.x,e.y);
         ctx.save();
         ctx.translate(s.x,s.y); ctx.rotate(e.angle);
+        // shadow & body
         ctx.fillStyle='rgba(0,0,0,0.18)'; ctx.beginPath(); ctx.ellipse(0,12,14,6,0,0,Math.PI*2); ctx.fill();
         ctx.fillStyle='#ff6b6b'; ctx.beginPath(); ctx.moveTo(12,0); ctx.lineTo(-10,-8); ctx.lineTo(-10,8); ctx.closePath(); ctx.fill();
+        // HP bar
         ctx.fillStyle='rgba(0,0,0,0.6)'; ctx.fillRect(-18,-22,36,6);
         const hpPct = Math.max(0, Math.min(1, e.health/120));
         ctx.fillStyle='#ff6b6b'; ctx.fillRect(-18,-22,36*hpPct,6);
+        // If equipped with weapon, draw it in hand visibly
+        if (e.equippedIndex >= 0 && e.inventory[e.equippedIndex] && e.inventory[e.equippedIndex].type === 'weapon'){
+          const we = e.inventory[e.equippedIndex];
+          const color = we.weapon.color || '#ddd';
+          ctx.save();
+          // position weapon in right-hand area
+          ctx.translate(12, 2);
+          ctx.rotate(-0.08);
+          // body of weapon
+          ctx.fillStyle = color;
+          ctx.fillRect(0, -4, 24, 8);
+          // muzzle detail
+          ctx.fillStyle = '#222';
+          ctx.fillRect(18, -2, 6, 4);
+          // small magazine indicator
+          const magPct = Math.max(0, we.ammoInMag / we.weapon.magSize);
+          ctx.fillStyle = 'rgba(0,0,0,0.35)';
+          ctx.fillRect(4, 6, 18, 4);
+          ctx.fillStyle = '#0f0';
+          ctx.fillRect(4, 6, 18 * magPct, 4);
+          ctx.restore();
+        } else {
+          // draw pickaxe if unarmed (small icon)
+          if (e.equippedIndex === -1){
+            ctx.save();
+            ctx.translate(12, 6);
+            ctx.rotate(-0.22);
+            ctx.fillStyle = '#8b6b4a';
+            ctx.fillRect(-2,0,4,10);
+            ctx.fillStyle = '#cfcfcf';
+            ctx.fillRect(-6,-4,10,4);
+            ctx.restore();
+          }
         }
+        // draw state marker
         ctx.fillStyle = e.state === 'gather' ? 'rgba(0,200,200,0.9)' : (e.state === 'combat' ? 'rgba(255,80,80,0.95)' : 'rgba(255,200,80,0.9)');
         ctx.beginPath(); ctx.arc(18, -18, 5, 0, Math.PI*2); ctx.fill();
         ctx.restore();
       }
     }
     function drawCrosshair(){ }
+    // Game loop
     let lastTime = 0;
     function gameLoop(ts){
       if (!gameActive) return;
       player.angle = Math.atan2(mouse.worldY - player.y, mouse.worldX - player.x);
       let activeWeaponItem = null;
       if (player.equippedIndex >= 0) activeWeaponItem = player.inventory[player.equippedIndex];
       else {
       updateEnemies(dt, performance.now());
       bulletsUpdate(dt);
+      // player pickup auto-collect
       for (let i=pickups.length-1;i>=0;i--){
         const p = pickups[i];
         if (Math.hypot(p.x - player.x, p.y - player.y) < 18){ pickupCollect(p); pickups.splice(i,1); updateHUD(); }