Spaces:

bbc123321
/

battle-zone-royale

Running

App Files Files Community

bbc123321 commited on Oct 14, 2025

Commit

8c0a208

verified ·

1 Parent(s): 610dc13

Manual changes saved

Browse files

Files changed (1) hide show

index.html +166 -199

index.html CHANGED Viewed

@@ -3,16 +3,18 @@
 <head>
   <meta charset="utf-8" />
   <meta name="viewport" content="width=device-width, initial-scale=1" />
-  <title>BattleZone Royale - Collisions, AI & Minimap</title>
   <script src="https://cdn.tailwindcss.com"></script>
   <script src="https://unpkg.com/feather-icons"></script>
   <style>
     html,body { height:100%; margin:0; background:#0b1220; color:#fff; font-family:monospace; }
     #canvasContainer { position:relative; flex:1; display:flex; justify-content:center; align-items:center; height:100vh; overflow:hidden; }
     #gameCanvas { display:block; user-select:none; cursor:crosshair; box-shadow:0 0 20px rgba(0,0,0,.5); width:100%; height:100%; }
-    /* Minimap moved to top-right */
-    #minimap { position: absolute; top:12px; right:12px; width:220px; height:140px; border-radius:8px; background: rgba(0,0,0,0.45); padding:6px; z-index:40; box-shadow: 0 6px 30px rgba(0,0,0,0.6); }
     #minimapCanvas { width:100%; height:100%; display:block; image-rendering: pixelated; border-radius:6px; background:transparent; }
     /* HUD */
     #hudHealth { position:absolute; left:12px; bottom:12px; background:rgba(0,0,0,0.55); padding:6px 8px; border-radius:8px; font-weight:700; font-size:13px; display:flex; align-items:center; gap:8px; z-index:30; }
     #hudGearWrap { position:absolute; right:12px; bottom:12px; display:flex; gap:8px; align-items:center; z-index:30; }
@@ -94,7 +96,7 @@
       <div id="canvasContainer" class="relative bg-gray-900 border-4 border-gray-700 rounded-xl max-w-full max-h-full">
         <canvas id="gameCanvas"></canvas>
-        <!-- Minimap (moved to top-right) -->
         <div id="minimap">
           <canvas id="minimapCanvas" width="220" height="140"></canvas>
         </div>
@@ -157,8 +159,10 @@
     const continueBtn = document.getElementById('continueBtn');
     const biomeGrid = document.getElementById('biomeGrid');
     const minimapCanvas = document.getElementById('minimapCanvas');
     const miniCtx = minimapCanvas.getContext('2d');
     // World
     const WORLD = { width: 6000, height: 4000 };
@@ -168,7 +172,11 @@
       const ctn = document.getElementById('canvasContainer');
       canvas.width = Math.max(900, Math.floor(ctn.clientWidth));
       canvas.height = Math.max(560, Math.floor(ctn.clientHeight));
       cameraUpdate();
     }
     window.addEventListener('resize', resizeCanvas);
@@ -265,7 +273,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: 10 }; // always 10
       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 },
@@ -276,8 +284,8 @@
     }
     // Behaviour tuning
-    const VIEW_RANGE = 1200;          // if player is farther than this, enemies switch target
-    const SPAWN_PROTECT_MS = 1200;    // time after spawn they ignore ground pickups to avoid instant pickup
     // collision helpers
     function getObjectRadius(obj){
@@ -293,13 +301,11 @@
     }
     function isCollidingSolid(x,y,r){
-      // objects are solid if not dead
       for (const o of objects){
         if (o.dead) continue;
         const rr = getObjectRadius(o);
         if (circleOverlap(x,y,r,o.x,o.y,rr)) return true;
       }
-      // chests solid if not opened
       for (const c of chests){
         if (c.opened) continue;
         if (circleOverlap(x,y,r,c.x,c.y,chestRadius())) return true;
@@ -307,35 +313,32 @@
       return false;
     }
-    // move with axis-based collision (allows sliding)
     function moveEntityWithCollision(entity, dx, dy, radius){
-      // move along x
       const oldX = entity.x, oldY = entity.y;
       let nx = entity.x + dx;
       entity.x = nx;
       if (entity.x < radius) entity.x = radius;
       if (entity.x > WORLD.width - radius) entity.x = WORLD.width - radius;
       if (isCollidingSolid(entity.x, entity.y, radius)){
-        entity.x = oldX; // revert X
       }
-      // move along y
       let ny = entity.y + dy;
       entity.y = ny;
       if (entity.y < radius) entity.y = radius;
       if (entity.y > WORLD.height - radius) entity.y = WORLD.height - radius;
       if (isCollidingSolid(entity.x, entity.y, radius)){
-        entity.y = oldY; // revert Y
       }
     }
-    // Populate world - spawn many objects and 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));
-        if (loot.type === 'materials') loot.amount = 10; // ensure 10
         chests.push({ x,y, opened:false, loot });
       }
       for (let i=0;i<700;i++){
@@ -347,7 +350,6 @@
         const hp = type==='wood'?40 : (type==='stone'?80:160);
         objects.push({ x,y, type, hp, maxHp:hp, dead:false });
       }
-      // spawn enemies - ensure they start unarmed and must loot to obtain weapons
       const now = performance.now();
       for (let i=0;i<49;i++){
         const ex = rand(300, WORLD.width-300);
@@ -356,7 +358,7 @@
           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], // explicitly no weapons at spawn
           selectedSlot: 0,
           equippedIndex: -1,
           materials: 0,
@@ -364,12 +366,11 @@
           reloadingUntil: 0,
           reloadPending: false,
           lastAttackedTime: 0,
-          lastAttackerId: null,
           state: 'gather',
           gatherTimeLeft: rand(8,16),
           target: null,
           nextHealTime: 0,
-          spawnSafeUntil: now + SPAWN_PROTECT_MS // cooldown: ignore nearby ground pickups for short time
         });
       }
       updatePlayerCount();
@@ -433,7 +434,7 @@
     }
     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;
@@ -553,7 +554,7 @@
       }
     }
-    // Enemy helpers (equip / collect)
     function enemyEquipBestWeapon(e){
       let bestIdx = -1;
       let bestScore = -Infinity;
@@ -666,11 +667,6 @@
       return closest;
     }
-    function findEnemyById(id){
-      if (!id) return null;
-      return enemies.find(en => en.id === id) || null;
-    }
     // Bullets update
     function bulletsUpdate(dt){
       for (let i=bullets.length-1;i>=0;i--){
@@ -692,7 +688,6 @@
             if (Math.hypot(e.x - b.x, e.y - b.y) < 14){
               e.health -= b.dmg;
               e.lastAttackedTime = performance.now();
-              e.lastAttackerId = b.shooter; // record who attacked them
               if (e.health <= 0){ e.health = 0; if (b.shooter === 'player'){ player.kills++; player.materials += 2; updatePlayerCount(); } }
               bullets.splice(i,1); break;
             }
@@ -743,39 +738,29 @@
       return best;
     }
-    // Enemy AI with gather-first + separation + reload with delay
     function updateEnemies(dt, now){
-      // basic separation step variables
-      const minSeparation = 20; // minimal distance between enemies
-      // Update each enemy movement and actions
       for (const e of enemies){
         if (e.health <= 0) continue;
-        // ensure spawn protection exists
         if (!e.spawnSafeUntil) e.spawnSafeUntil = performance.now() + SPAWN_PROTECT_MS;
-        // If storm is active and enemy is outside safe zone, move to safe zone first
         if (storm.active){
           const distToSafeCenter = Math.hypot(e.x - storm.centerX, e.y - storm.centerY);
           if (distToSafeCenter > storm.radius){
-            // move towards safe zone center
             e.state = 'toSafe';
             e.angle = Math.atan2(storm.centerY - e.y, storm.centerX - e.x);
-            const speedMult = 0.95;
-            const dx = Math.cos(e.angle) * e.speed * dt * speedMult;
-            const dy = Math.sin(e.angle) * e.speed * dt * speedMult;
             moveEntityWithCollision(e, dx, dy, e.radius);
             if (Math.random() < 0.02) e.angle += (Math.random()-0.5)*0.5;
-            continue; // priority movement to safe zone
           }
         }
-        // if recently attacked go combat
         if (now - e.lastAttackedTime < 4000) e.state = 'combat';
         if (e.state === 'gather') e.gatherTimeLeft -= dt;
-        // Medkit-only heal (consume medkit, with cooldown)
         if (e.health < 60 && now >= (e.nextHealTime || 0)){
           let medIdx = -1;
           for (let s=0;s<5;s++){
@@ -792,13 +777,10 @@
           }
         }
-        // Transition gather->combat only if they actually have weapons/ammo or enough materials or time expired
         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 pickup -> chest -> harvest -> roam
-          // Respect spawn protection so they don't instantly pick up something they spawned on
           if (now >= (e.spawnSafeUntil || 0)){
             let p = findNearestPickup(e, 240);
             if (p){
@@ -858,7 +840,6 @@
             continue;
           }
-          // roam
           const dx = Math.cos(e.angle) * e.speed * dt * 0.25;
           const dy = Math.sin(e.angle) * e.speed * dt * 0.25;
           moveEntityWithCollision(e, dx, dy, e.radius);
@@ -866,10 +847,8 @@
           continue;
         }
-        // Combat state
         if (e.equippedIndex === -1) enemyEquipBestWeapon(e);
-        // Handle reload pending (delayed reload to simulate player reload)
         if (e.reloadPending){
           if (now >= e.reloadingUntil){
             const eq = e.inventory[e.equippedIndex];
@@ -878,73 +857,84 @@
             e.reloadingUntil = 0;
           }
         }
-        // If equipped weapon empty and reserve present, start reload (delayed)
         if (e.equippedIndex >= 0){
           const eq = e.inventory[e.equippedIndex];
           if (eq && eq.type === 'weapon' && eq.ammoInMag <= 0 && eq.ammoReserve > 0 && !e.reloadPending && now >= e.reloadingUntil){
             e.reloadPending = true;
-            e.reloadingUntil = now + 600 + rand(-100,100); // ~600ms reload time
           }
         }
-        // choose a target: respect lastAttackerId first (retaliate), then player if in view range, else nearest meaningful target (including other enemies)
-        let target = null;
-        if (e.lastAttackerId && e.lastAttackerId !== 'player'){
-          const attacker = findEnemyById(e.lastAttackerId);
-          if (attacker && attacker.health > 0){
-            target = attacker;
           } else {
-            e.lastAttackerId = null;
           }
         }
-        if (!target){
-          const distToPlayer = Math.hypot(player.x - e.x, player.y - e.y);
-          if (distToPlayer <= VIEW_RANGE){
-            target = player;
-          } else {
-            // look for pickups/chests/harvestables/nearby enemies to fight
-            const p = findNearestPickup(e, 1200);
-            const c = findNearestChest(e, 1200);
-            const h = findNearestHarvestable(e, 1200);
-            let candidate = null, cd = Infinity;
-            if (p){ const d=Math.hypot(p.x-e.x,p.y-e.y); if (d<cd){ candidate=p; cd=d; } }
-            if (c){ const d=Math.hypot(c.x-e.x,c.y-e.y); if (d<cd){ candidate=c; cd=d; } }
-            if (h){ const d=Math.hypot(h.x-e.x,h.y-e.y); if (d<cd){ candidate=h; cd=d; } }
-            // consider nearby enemy targets (higher aggression probability)
-            for (const other of enemies){
-              if (other === e || other.health <= 0) continue;
-              const d = Math.hypot(other.x - e.x, other.y - e.y);
-              if (d < cd && d <= 800){
-                // preferentially go after enemies if already in combat or if random chance
-                if (Math.random() < 0.6 || e.state === 'combat'){
-                  candidate = other; cd = d;
-                }
-              }
-            }
-            if (candidate){
-              target = candidate;
-            } else {
-              target = null;
-            }
-          }
         }
-        // If we still have no target, roam
         if (!target){
           e.x += Math.cos(e.angle) * e.speed * dt * 0.7;
           e.y += Math.sin(e.angle) * e.speed * dt * 0.7;
           if (Math.random() < 0.02) e.angle += (Math.random()-0.5)*1.5;
-          // ensure no collisions after roam
           moveEntityWithCollision(e, 0, 0, e.radius);
           continue;
         }
-        // If target is world object (chest/pickup/harvestable/ally), handle accordingly
         if (target === player){
-          // Attack player
-          const distToPlayer = Math.hypot(player.x - e.x, player.y - e.y);
           if (distToPlayer < 36 && now - e.lastMelee > e.meleeRate){
             e.lastMelee = now;
             const dmg = 10 + randInt(0,8);
@@ -955,7 +945,6 @@
             const eq = e.inventory[e.equippedIndex];
             if (eq && eq.type === 'weapon' && !e.reloadPending && now - (e.lastShot||0) > (eq.weapon.rate || 300)){
               if (eq.ammoInMag <= 0){
-                // reload will be handled above
               } else {
                 if (hasLineOfSight(e.x, e.y, target.x, target.y)){
                   e.lastShot = now;
@@ -964,48 +953,34 @@
                   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 (with collision)
                   e.angle = Math.atan2(target.y - e.y, target.x - e.x);
-                  const dx = Math.cos(e.angle) * e.speed * dt * 0.6;
-                  const dy = Math.sin(e.angle) * e.speed * dt * 0.6;
-                  moveEntityWithCollision(e, dx, dy, e.radius);
                 }
               }
             } else {
-              // unarmed behavior: rush to melee
               e.angle = Math.atan2(target.y - e.y, target.x - e.x);
-              const dx = Math.cos(e.angle) * e.speed * dt * 0.9;
-              const dy = Math.sin(e.angle) * e.speed * dt * 0.9;
-              moveEntityWithCollision(e, dx, dy, e.radius);
             }
           } else {
-            // no weapon: rush in
             e.angle = Math.atan2(target.y - e.y, target.x - e.x);
-            const dx = Math.cos(e.angle) * e.speed * dt * 0.9;
-            const dy = Math.sin(e.angle) * e.speed * dt * 0.9;
-            moveEntityWithCollision(e, dx, dy, e.radius);
           }
         } else {
-          // Non-player target (pickup/chest/harvestable/other enemy)
           const td = Math.hypot(target.x - e.x, target.y - e.y);
-          if (target.type === 'weapon' || target.type === 'medkit' || target.type === 'materials' || target.type === 'ammo'){ // a pickup
             if (td > 20){
               e.angle = Math.atan2(target.y - e.y, target.x - e.x);
-              const dx = Math.cos(e.angle) * e.speed * dt * 0.9;
-              const dy = Math.sin(e.angle) * e.speed * dt * 0.9;
-              moveEntityWithCollision(e, dx, dy, e.radius);
             } else {
               enemyPickupCollect(e, target);
               const idx = pickups.indexOf(target);
               if (idx >= 0) pickups.splice(idx,1);
               e.state = 'gather';
             }
-          } else if (target.hasOwnProperty('loot')){ // chest
             if (td > 20){
               e.angle = Math.atan2(target.y - e.y, target.x - e.x);
-              const dx = Math.cos(e.angle) * e.speed * dt * 0.9;
-              const dy = Math.sin(e.angle) * e.speed * dt * 0.9;
-              moveEntityWithCollision(e, dx, dy, e.radius);
             } else {
               target.opened = true;
               const loot = target.loot;
@@ -1014,12 +989,10 @@
               else if (loot.type === 'materials') enemyPickupCollect(e, { type:'materials', amount: loot.amount || 10 });
               e.state = 'gather';
             }
-          } else if (target.hasOwnProperty('type') && (target.type === 'wood' || target.type === 'stone')){ // harvestable object
             if (td > 26){
               e.angle = Math.atan2(target.y - e.y, target.x - e.x);
-              const dx = Math.cos(e.angle) * e.speed * dt * 0.8;
-              const dy = Math.sin(e.angle) * e.speed * dt * 0.8;
-              moveEntityWithCollision(e, dx, dy, e.radius);
             } else {
               target.hp -= 40 * dt;
               if (target.hp <= 0 && !target.dead){
@@ -1029,25 +1002,17 @@
               e.state = 'gather';
             }
           } else {
-            // target is another enemy -> fight them
             if (td > 40){
               e.angle = Math.atan2(target.y - e.y, target.x - e.x);
-              const dx = Math.cos(e.angle) * e.speed * dt * 0.7;
-              const dy = Math.sin(e.angle) * e.speed * dt * 0.7;
-              moveEntityWithCollision(e, dx, dy, e.radius);
             } else {
-              // in melee range, do melee attacks
               if (now - e.lastMelee > e.meleeRate){
                 e.lastMelee = now;
-                // damage target if it's an enemy
                 if (target && target.health > 0){
                   target.health -= 8 + randInt(0,6);
                   target.lastAttackedTime = now;
                   target.lastAttackerId = e.id;
-                  if (target.health <= 0){
-                    target.health = 0;
-                    // don't credit player
-                  }
                 }
               }
             }
@@ -1055,7 +1020,7 @@
         }
       }
-      // Separation pass to avoid clumping (simple repulsion)
       for (let i = 0; i < enemies.length; i++){
         const a = enemies[i];
         if (!a || a.health <= 0) continue;
@@ -1068,14 +1033,12 @@
           if (d < minD){
             const overlap = (minD - d) * 0.5;
             const nx = dx / d, ny = dy / d;
-            // push both away proportional to overlap
             b.x += nx * overlap;
             b.y += ny * overlap;
             a.x -= nx * overlap;
             a.y -= ny * overlap;
           }
         }
-        // also avoid getting on top of player
         const pdx = a.x - player.x, pdy = a.y - player.y;
         const pd = Math.hypot(pdx,pdy) || 0.0001;
         const avoidDist = 24;
@@ -1085,7 +1048,6 @@
           a.x += nx * overlap;
           a.y += ny * overlap;
         }
-        // clamp to world
         a.x = Math.max(12, Math.min(WORLD.width-12, a.x));
         a.y = Math.max(12, Math.min(WORLD.height-12, a.y));
       }
@@ -1130,7 +1092,7 @@
       }
     }
-    // Drawing
     function drawWorld(){
       const TILE = 600;
       const cols = Math.ceil(WORLD.width / TILE);
@@ -1148,25 +1110,13 @@
           ctx.strokeStyle = 'rgba(0,0,0,0.08)'; ctx.strokeRect(s.x,s.y,TILE,TILE);
         }
       }
-      // Storm effect: color outside safe zone (overlay) and leave inside uncolored
       if (storm.active){
-        // fill whole screen with overlay
-        ctx.save();
-        ctx.fillStyle = 'rgba(10,30,80,0.45)';
-        ctx.fillRect(0,0,canvas.width,canvas.height);
-        // Clear the safe circle area by using destination-out
         const sc = worldToScreen(storm.centerX, storm.centerY);
-        ctx.globalCompositeOperation = 'destination-out';
-        ctx.beginPath();
-        ctx.arc(sc.x, sc.y, storm.radius, 0, Math.PI*2);
-        ctx.fill();
-        // restore to draw border
-        ctx.globalCompositeOperation = 'source-over';
-        ctx.strokeStyle = 'rgba(255,200,80,0.9)';
-        ctx.lineWidth = 3;
-        ctx.beginPath();
-        ctx.arc(sc.x, sc.y, storm.radius, 0, Math.PI*2);
-        ctx.stroke();
         ctx.restore();
       }
     }
@@ -1241,7 +1191,6 @@
         const hpPct = Math.max(0, Math.min(1, e.health/120));
         ctx.fillStyle='#ff6b6b'; ctx.fillRect(-18,-22,36*hpPct,6);
-        // visible equipped weapon
         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';
@@ -1271,7 +1220,6 @@
           }
         }
-        // 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();
@@ -1338,20 +1286,19 @@
     function drawCrosshair(){}
-    // Minimap drawing
-    function drawMinimap(){
       const mw = minimapCanvas.width;
       const mh = minimapCanvas.height;
       const scaleX = WORLD.width / mw;
       const scaleY = WORLD.height / mh;
-      // draw terrain by per-pixel sampling of biomeAt (cheap for 220x140)
       const img = miniCtx.createImageData(mw, mh);
       for (let my=0; my<mh; my++){
         for (let mx=0; mx<mw; mx++){
           const wx = Math.floor(mx * scaleX + scaleX/2);
           const wy = Math.floor(my * scaleY + scaleY/2);
           const b = biomeAt(wx, wy);
-          let col = [32,58,43]; // default
           if (b==='desert') col = [203,183,139];
           else if (b==='forest') col = [22,65,31];
           else if (b==='oasis') col = [39,75,82];
@@ -1363,47 +1310,82 @@
           img.data[idx+3] = 255;
         }
       }
-      miniCtx.putImageData(img, 0, 0);
-      // draw storm overlay: color outside safe zone, leave inside transparent
       if (storm.active){
-        miniCtx.save();
-        miniCtx.fillStyle = 'rgba(10,30,80,0.55)';
         miniCtx.fillRect(0,0,mw,mh);
         miniCtx.globalCompositeOperation = 'destination-out';
-        const cx = (storm.centerX) / WORLD.width * mw;
-        const cy = (storm.centerY) / WORLD.height * mh;
-        const r = storm.radius / WORLD.width * mw; // approximate scale (keep aspect roughly)
         miniCtx.beginPath();
         miniCtx.arc(cx, cy, r, 0, Math.PI*2);
         miniCtx.fill();
         miniCtx.globalCompositeOperation = 'source-over';
         // border
-        miniCtx.strokeStyle = 'rgba(255,200,80,0.9)';
         miniCtx.lineWidth = 2;
         miniCtx.beginPath();
         miniCtx.arc(cx, cy, r, 0, Math.PI*2);
         miniCtx.stroke();
-        miniCtx.restore();
       }
-      // draw player dot
-      const px = player.x / WORLD.width * mw;
-      const py = player.y / WORLD.height * mh;
       miniCtx.fillStyle = '#ffff66';
       miniCtx.beginPath();
-      miniCtx.arc(px, py, 3, 0, Math.PI*2);
       miniCtx.fill();
-      // optionally draw safe-zone center dot
-      if (storm.active){
-        const cx = (storm.centerX) / WORLD.width * mw;
-        const cy = (storm.centerY) / WORLD.height * mh;
-        miniCtx.fillStyle = 'rgba(255,200,80,0.9)';
-        miniCtx.beginPath();
-        miniCtx.arc(cx, cy, 2, 0, Math.PI*2);
-        miniCtx.fill();
-      }
     }
     // Main loop
@@ -1414,15 +1396,12 @@
       const dt = Math.min(0.05, (ts - lastTime)/1000);
       lastTime = ts;
-      // player movement - axis separated to allow sliding against solids
       let dx=0, dy=0;
       if (keys.w) dy -= 1; if (keys.s) dy += 1; if (keys.a) dx -= 1; if (keys.d) dx += 1;
       if (dx !== 0 || dy !== 0){
         const len = Math.hypot(dx,dy) || 1;
         const mvx = (dx/len) * player.speed * dt;
         const mvy = (dy/len) * player.speed * dt;
-        // axis movement with collision
-        // move x first
         const oldX = player.x, oldY = player.y;
         player.x += mvx;
         if (player.x < player.radius) player.x = player.radius;
@@ -1430,7 +1409,6 @@
         if (isCollidingSolid(player.x, player.y, player.radius)){
           player.x = oldX;
         }
-        // then y
         player.y += mvy;
         if (player.y < player.radius) player.y = player.radius;
         if (player.y > WORLD.height - player.radius) player.y = WORLD.height - player.radius;
@@ -1453,7 +1431,6 @@
         if (selected && selected.type === 'weapon') activeWeaponItem = selected;
       }
-      // player attack
       if (mouse.down){
         if (player.equippedIndex === -1) playerMeleeHit();
         else if (activeWeaponItem && activeWeaponItem.type === 'weapon'){
@@ -1472,28 +1449,24 @@
       if (keys.e){ interactNearby(); keys.e = false; }
       if (keys.q){ tryBuild(); keys.q = false; }
-      // update
       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(); }
       }
-      // clean dead objects
       for (let i=objects.length-1;i>=0;i--) if (objects[i].dead) objects.splice(i,1);
       updatePlayerCount();
       updateStorm(dt);
-      // render
       ctx.clearRect(0,0,canvas.width,canvas.height);
       drawWorld(); drawObjects(); drawChests(); drawPickups(); drawEnemies(); drawBullets(); drawPlayer(); drawCrosshair();
       updateHUD();
-      // minimap draw
       drawMinimap();
       if (storm.active && playerInStorm()) stormWarning.classList.remove('hidden'); else stormWarning.classList.add('hidden');
@@ -1504,7 +1477,6 @@
     // Landing -> spawn selection
     let selectedBiome = null;
     function getSpawnForBiome(b){
-      // choose a spawn area region for each biome
       if (!b) return { x: WORLD.width/2 + (Math.random()-0.5)*400, y: WORLD.height/2 + (Math.random()-0.5)*400 };
       if (b === 'desert') return { x: rand(200, WORLD.width*0.3), y: rand(200, WORLD.height*0.3) };
       if (b === 'forest') return { x: rand(WORLD.width*0.7, WORLD.width-200), y: rand(200, WORLD.height*0.3) };
@@ -1519,7 +1491,6 @@
     let gameActive = false;
     function startGame(biome){
-      // set current biome & spawn where selected
       selectedBiome = biome || selectedBiome;
       const spawn = getSpawnForBiome(selectedBiome);
       document.getElementById('currentBiome').textContent = selectedBiome ? selectedBiome.toUpperCase() : 'CENTER';
@@ -1542,17 +1513,16 @@
       initHUD();
       cameraUpdate();
-      // small safety: ensure enemies don't spawn right on player
       for (const e of enemies){
         if (Math.hypot(e.x - player.x, e.y - player.y) < 180){
           e.x += (Math.random()<0.5? -1:1) * rand(160,260);
           e.y += (Math.random()<0.5? -1:1) * rand(160,260);
         }
-        // ensure they are unarmed at start
         e.inventory = [null,null,null,null,null];
         e.equippedIndex = -1;
         e.spawnSafeUntil = performance.now() + SPAWN_PROTECT_MS;
         e.state = 'gather';
       }
       gameTime = 300; storm.active = false; storm.radius = storm.maxRadius;
@@ -1585,20 +1555,17 @@
     goHomeBtn.addEventListener('click', ()=>{ victoryScreen.classList.add('hidden'); gameScreen.classList.add('hidden'); landingScreen.classList.remove('hidden'); });
     continueBtn.addEventListener('click', ()=>{ victoryScreen.classList.add('hidden'); startGame(selectedBiome); });
-    // Biome click behavior: select & start spawn there
     document.querySelectorAll('.biome-selector').forEach(el => {
       el.addEventListener('click', (ev)=>{
-        // visual selection feedback
         document.querySelectorAll('.biome-selector').forEach(x=>x.classList.remove('biome-selected'));
         el.classList.add('biome-selected');
         const biome = el.dataset.biome;
         selectedBiome = biome;
-        // start game immediately with the selected biome spawn region
         startGame(biome);
       });
     });
-    // initialisation
     resizeCanvas();
     populateWorld();
     feather.replace();

 <head>
   <meta charset="utf-8" />
   <meta name="viewport" content="width=device-width, initial-scale=1" />
+  <title>BattleZone Royale - Minimap Added</title>
   <script src="https://cdn.tailwindcss.com"></script>
   <script src="https://unpkg.com/feather-icons"></script>
   <style>
     html,body { height:100%; margin:0; background:#0b1220; color:#fff; font-family:monospace; }
     #canvasContainer { position:relative; flex:1; display:flex; justify-content:center; align-items:center; height:100vh; overflow:hidden; }
     #gameCanvas { display:block; user-select:none; cursor:crosshair; box-shadow:0 0 20px rgba(0,0,0,.5); width:100%; height:100%; }
+    /* Minimap (top-right) */
+    #minimap { position: absolute; top:12px; right:12px; width:220px; height:140px; border-radius:8px; background: rgba(0,0,0,0.45); padding:6px; z-index:40; box-shadow: 0 6px 30px rgba(0,0,0,0.6); pointer-events: none; }
     #minimapCanvas { width:100%; height:100%; display:block; image-rendering: pixelated; border-radius:6px; background:transparent; }
     /* HUD */
     #hudHealth { position:absolute; left:12px; bottom:12px; background:rgba(0,0,0,0.55); padding:6px 8px; border-radius:8px; font-weight:700; font-size:13px; display:flex; align-items:center; gap:8px; z-index:30; }
     #hudGearWrap { position:absolute; right:12px; bottom:12px; display:flex; gap:8px; align-items:center; z-index:30; }
       <div id="canvasContainer" class="relative bg-gray-900 border-4 border-gray-700 rounded-xl max-w-full max-h-full">
         <canvas id="gameCanvas"></canvas>
+        <!-- Minimap (top-right) -->
         <div id="minimap">
           <canvas id="minimapCanvas" width="220" height="140"></canvas>
         </div>
     const continueBtn = document.getElementById('continueBtn');
     const biomeGrid = document.getElementById('biomeGrid');
+    // Minimap elements and cache
     const minimapCanvas = document.getElementById('minimapCanvas');
     const miniCtx = minimapCanvas.getContext('2d');
+    let miniTerrainCache = null;
     // World
     const WORLD = { width: 6000, height: 4000 };
       const ctn = document.getElementById('canvasContainer');
       canvas.width = Math.max(900, Math.floor(ctn.clientWidth));
       canvas.height = Math.max(560, Math.floor(ctn.clientHeight));
+      // keep minimap internal pixel buffer consistent
+      minimapCanvas.width = 220;
+      minimapCanvas.height = 140;
       cameraUpdate();
+      miniTerrainCache = null; // rebuild on resize
     }
     window.addEventListener('resize', resizeCanvas);
     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 };
       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 },
     }
     // Behaviour tuning
+    const VIEW_RANGE = 1200;
+    const SPAWN_PROTECT_MS = 1200;
     // collision helpers
     function getObjectRadius(obj){
     }
     function isCollidingSolid(x,y,r){
       for (const o of objects){
         if (o.dead) continue;
         const rr = getObjectRadius(o);
         if (circleOverlap(x,y,r,o.x,o.y,rr)) return true;
       }
       for (const c of chests){
         if (c.opened) continue;
         if (circleOverlap(x,y,r,c.x,c.y,chestRadius())) return true;
       return false;
     }
     function moveEntityWithCollision(entity, dx, dy, radius){
       const oldX = entity.x, oldY = entity.y;
       let nx = entity.x + dx;
       entity.x = nx;
       if (entity.x < radius) entity.x = radius;
       if (entity.x > WORLD.width - radius) entity.x = WORLD.width - radius;
       if (isCollidingSolid(entity.x, entity.y, radius)){
+        entity.x = oldX;
       }
       let ny = entity.y + dy;
       entity.y = ny;
       if (entity.y < radius) entity.y = radius;
       if (entity.y > WORLD.height - radius) entity.y = WORLD.height - radius;
       if (isCollidingSolid(entity.x, entity.y, radius)){
+        entity.y = oldY;
       }
     }
+    // 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);
         const loot = generateLootForBiome(biomeAt(x,y));
+        if (loot.type === 'materials') loot.amount = 10;
         chests.push({ x,y, opened:false, loot });
       }
       for (let i=0;i<700;i++){
         const hp = type==='wood'?40 : (type==='stone'?80:160);
         objects.push({ x,y, type, hp, maxHp:hp, dead:false });
       }
       const now = performance.now();
       for (let i=0;i<49;i++){
         const ex = rand(300, WORLD.width-300);
           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,
           materials: 0,
           reloadingUntil: 0,
           reloadPending: false,
           lastAttackedTime: 0,
           state: 'gather',
           gatherTimeLeft: rand(8,16),
           target: null,
           nextHealTime: 0,
+          spawnSafeUntil: now + SPAWN_PROTECT_MS
         });
       }
       updatePlayerCount();
     }
     function worldToScreen(wx,wy){ return { x: Math.round(wx - camera.x), y: Math.round(wy - camera.y) }; }
+    // Combat utilities (kept same as before)
     function shootBullet(originX, originY, targetX, targetY, weaponObj, shooterId){
       if (!weaponObj || (typeof weaponObj.ammoInMag === 'number' && weaponObj.ammoInMag <= 0)) return false;
       const speed = 1100;
       }
     }
+    // Enemy helpers
     function enemyEquipBestWeapon(e){
       let bestIdx = -1;
       let bestScore = -Infinity;
       return closest;
     }
     // Bullets update
     function bulletsUpdate(dt){
       for (let i=bullets.length-1;i>=0;i--){
             if (Math.hypot(e.x - b.x, e.y - b.y) < 14){
               e.health -= b.dmg;
               e.lastAttackedTime = performance.now();
               if (e.health <= 0){ e.health = 0; if (b.shooter === 'player'){ player.kills++; player.materials += 2; updatePlayerCount(); } }
               bullets.splice(i,1); break;
             }
       return best;
     }
+    // Enemy AI (kept as in previous)
     function updateEnemies(dt, now){
+      const minSeparation = 20;
       for (const e of enemies){
         if (e.health <= 0) continue;
         if (!e.spawnSafeUntil) e.spawnSafeUntil = performance.now() + SPAWN_PROTECT_MS;
         if (storm.active){
           const distToSafeCenter = Math.hypot(e.x - storm.centerX, e.y - storm.centerY);
           if (distToSafeCenter > storm.radius){
             e.state = 'toSafe';
             e.angle = Math.atan2(storm.centerY - e.y, storm.centerX - e.x);
+            const dx = Math.cos(e.angle) * e.speed * dt * 0.95;
+            const dy = Math.sin(e.angle) * e.speed * dt * 0.95;
             moveEntityWithCollision(e, dx, dy, e.radius);
             if (Math.random() < 0.02) e.angle += (Math.random()-0.5)*0.5;
+            continue;
           }
         }
         if (now - e.lastAttackedTime < 4000) e.state = 'combat';
         if (e.state === 'gather') e.gatherTimeLeft -= dt;
         if (e.health < 60 && now >= (e.nextHealTime || 0)){
           let medIdx = -1;
           for (let s=0;s<5;s++){
           }
         }
         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'){
           if (now >= (e.spawnSafeUntil || 0)){
             let p = findNearestPickup(e, 240);
             if (p){
             continue;
           }
           const dx = Math.cos(e.angle) * e.speed * dt * 0.25;
           const dy = Math.sin(e.angle) * e.speed * dt * 0.25;
           moveEntityWithCollision(e, dx, dy, e.radius);
           continue;
         }
+        // Combat
         if (e.equippedIndex === -1) enemyEquipBestWeapon(e);
         if (e.reloadPending){
           if (now >= e.reloadingUntil){
             const eq = e.inventory[e.equippedIndex];
             e.reloadingUntil = 0;
           }
         }
         if (e.equippedIndex >= 0){
           const eq = e.inventory[e.equippedIndex];
           if (eq && eq.type === 'weapon' && eq.ammoInMag <= 0 && eq.ammoReserve > 0 && !e.reloadPending && now >= e.reloadingUntil){
             e.reloadPending = true;
+            e.reloadingUntil = now + 600 + rand(-100,100);
           }
         }
+        let target = player;
+        let bestDist = Math.hypot(player.x - e.x, player.y - e.y);
+        if (bestDist > VIEW_RANGE){
+          const p = findNearestPickup(e, 1200);
+          const c = findNearestChest(e, 1200);
+          const h = findNearestHarvestable(e, 1200);
+          let candidate = null, cd = Infinity;
+          if (p){ const d=Math.hypot(p.x-e.x,p.y-e.y); if (d<cd){ candidate=p; cd=d; } }
+          if (c){ const d=Math.hypot(c.x-e.x,c.y-e.y); if (d<cd){ candidate=c; cd=d; } }
+          if (h){ const d=Math.hypot(h.x-e.x,h.y-e.y); if (d<cd){ candidate=h; cd=d; } }
+          for (const other of enemies){
+            if (other === e || other.health <= 0) continue;
+            const d = Math.hypot(other.x - e.x, other.y - e.y);
+            if (d < cd && d <= 800){ candidate = other; cd = d; }
+          }
+          if (candidate){
+            target = candidate;
+            bestDist = cd;
           } else {
+            target = null; bestDist = Infinity;
+          }
+        } else {
+          for (const other of enemies){
+            if (other === e || other.health <= 0) continue;
+            const d = Math.hypot(other.x - e.x, other.y - e.y);
+            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);
         }
         if (!target){
           e.x += Math.cos(e.angle) * e.speed * dt * 0.7;
           e.y += Math.sin(e.angle) * e.speed * dt * 0.7;
           if (Math.random() < 0.02) e.angle += (Math.random()-0.5)*1.5;
           moveEntityWithCollision(e, 0, 0, e.radius);
           continue;
         }
+        const blocked = !hasLineOfSight(e.x, e.y, target.x, target.y);
+        if (blocked){
+          const blocker = findBlockingObject(e.x, e.y, target.x, target.y);
+          if (blocker){
+            const db = Math.hypot(blocker.x - e.x, blocker.y - e.y);
+            if (db < 36){
+              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 && !e.reloadPending && now - e.lastShot > (eq.weapon.rate || 300)){
+                  e.lastShot = now;
+                  eq.ammoInMag -= 1;
+                  const angle = Math.atan2(blocker.y - e.y, blocker.x - e.x);
+                  shootBullet(e.x + Math.cos(angle)*12, e.y + Math.sin(angle)*12, blocker.x + (Math.random()-0.5)*6, blocker.y + (Math.random()-0.5)*6, eq, e.id);
+                }
+              } else {
+                e.angle = Math.atan2(blocker.y - e.y, blocker.x - e.x);
+                e.x += Math.cos(e.angle) * e.speed * dt * 0.8;
+                e.y += Math.sin(e.angle) * e.speed * dt * 0.8;
+              }
+            }
+            continue;
+          }
+        }
         if (target === player){
           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' && !e.reloadPending && now - (e.lastShot||0) > (eq.weapon.rate || 300)){
               if (eq.ammoInMag <= 0){
               } else {
                 if (hasLineOfSight(e.x, e.y, target.x, target.y)){
                   e.lastShot = now;
                   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);
+                  moveEntityWithCollision(e, Math.cos(e.angle) * e.speed * dt * 0.6, Math.sin(e.angle) * e.speed * dt * 0.6, e.radius);
                 }
               }
             } else {
               e.angle = Math.atan2(target.y - e.y, target.x - e.x);
+              moveEntityWithCollision(e, Math.cos(e.angle) * e.speed * dt * 0.9, Math.sin(e.angle) * e.speed * dt * 0.9, e.radius);
             }
           } else {
             e.angle = Math.atan2(target.y - e.y, target.x - e.x);
+            moveEntityWithCollision(e, Math.cos(e.angle) * e.speed * dt * 0.9, Math.sin(e.angle) * e.speed * dt * 0.9, e.radius);
           }
         } else {
           const td = Math.hypot(target.x - e.x, target.y - e.y);
+          if (target.type === 'weapon' || target.type === 'medkit' || target.type === 'materials' || target.type === 'ammo'){
             if (td > 20){
               e.angle = Math.atan2(target.y - e.y, target.x - e.x);
+              moveEntityWithCollision(e, Math.cos(e.angle) * e.speed * dt * 0.9, Math.sin(e.angle) * e.speed * dt * 0.9, e.radius);
             } else {
               enemyPickupCollect(e, target);
               const idx = pickups.indexOf(target);
               if (idx >= 0) pickups.splice(idx,1);
               e.state = 'gather';
             }
+          } else if (target.hasOwnProperty('loot')){
             if (td > 20){
               e.angle = Math.atan2(target.y - e.y, target.x - e.x);
+              moveEntityWithCollision(e, Math.cos(e.angle) * e.speed * dt * 0.9, Math.sin(e.angle) * e.speed * dt * 0.9, e.radius);
             } else {
               target.opened = true;
               const loot = target.loot;
               else if (loot.type === 'materials') enemyPickupCollect(e, { type:'materials', amount: loot.amount || 10 });
               e.state = 'gather';
             }
+          } else if (target.hasOwnProperty('type') && (target.type === 'wood' || target.type === 'stone')){
             if (td > 26){
               e.angle = Math.atan2(target.y - e.y, target.x - e.x);
+              moveEntityWithCollision(e, Math.cos(e.angle) * e.speed * dt * 0.8, Math.sin(e.angle) * e.speed * dt * 0.8, e.radius);
             } else {
               target.hp -= 40 * dt;
               if (target.hp <= 0 && !target.dead){
               e.state = 'gather';
             }
           } else {
             if (td > 40){
               e.angle = Math.atan2(target.y - e.y, target.x - e.x);
+              moveEntityWithCollision(e, Math.cos(e.angle) * e.speed * dt * 0.7, Math.sin(e.angle) * e.speed * dt * 0.7, e.radius);
             } else {
               if (now - e.lastMelee > e.meleeRate){
                 e.lastMelee = now;
                 if (target && target.health > 0){
                   target.health -= 8 + randInt(0,6);
                   target.lastAttackedTime = now;
                   target.lastAttackerId = e.id;
+                  if (target.health <= 0) target.health = 0;
                 }
               }
             }
         }
       }
+      // Separation
       for (let i = 0; i < enemies.length; i++){
         const a = enemies[i];
         if (!a || a.health <= 0) continue;
           if (d < minD){
             const overlap = (minD - d) * 0.5;
             const nx = dx / d, ny = dy / d;
             b.x += nx * overlap;
             b.y += ny * overlap;
             a.x -= nx * overlap;
             a.y -= ny * overlap;
           }
         }
         const pdx = a.x - player.x, pdy = a.y - player.y;
         const pd = Math.hypot(pdx,pdy) || 0.0001;
         const avoidDist = 24;
           a.x += nx * overlap;
           a.y += ny * overlap;
         }
         a.x = Math.max(12, Math.min(WORLD.width-12, a.x));
         a.y = Math.max(12, Math.min(WORLD.height-12, a.y));
       }
       }
     }
+    // Drawing world & entities
     function drawWorld(){
       const TILE = 600;
       const cols = Math.ceil(WORLD.width / TILE);
           ctx.strokeStyle = 'rgba(0,0,0,0.08)'; ctx.strokeRect(s.x,s.y,TILE,TILE);
         }
       }
       if (storm.active){
         const sc = worldToScreen(storm.centerX, storm.centerY);
+        ctx.save();
+        const grad = ctx.createRadialGradient(sc.x, sc.y, storm.radius*0.15, sc.x, sc.y, storm.radius);
+        grad.addColorStop(0,'rgba(100,149,237,0.02)'); grad.addColorStop(1,'rgba(100,149,237,0.45)');
+        ctx.fillStyle = grad; ctx.beginPath(); ctx.arc(sc.x, sc.y, storm.radius, 0, Math.PI*2); ctx.fill();
+        ctx.strokeStyle = 'rgba(255,200,80,0.9)'; ctx.lineWidth=4; ctx.beginPath(); ctx.arc(sc.x, sc.y, storm.radius, 0, Math.PI*2); ctx.stroke();
         ctx.restore();
       }
     }
         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'){
           const we = e.inventory[e.equippedIndex];
           const color = we.weapon.color || '#ddd';
           }
         }
         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(){}
+    // Minimap: build terrain cache and draw overlay (EXCLUDES enemies & chests)
+    function buildMiniTerrainCache(){
       const mw = minimapCanvas.width;
       const mh = minimapCanvas.height;
       const scaleX = WORLD.width / mw;
       const scaleY = WORLD.height / mh;
       const img = miniCtx.createImageData(mw, mh);
       for (let my=0; my<mh; my++){
         for (let mx=0; mx<mw; mx++){
           const wx = Math.floor(mx * scaleX + scaleX/2);
           const wy = Math.floor(my * scaleY + scaleY/2);
           const b = biomeAt(wx, wy);
+          let col = [32,58,43];
           if (b==='desert') col = [203,183,139];
           else if (b==='forest') col = [22,65,31];
           else if (b==='oasis') col = [39,75,82];
           img.data[idx+3] = 255;
         }
       }
+      miniTerrainCache = img;
+    }
+    function drawMinimap(){
+      const mw = minimapCanvas.width;
+      const mh = minimapCanvas.height;
+      if (!miniTerrainCache) buildMiniTerrainCache();
+      // draw base terrain
+      miniCtx.putImageData(miniTerrainCache, 0, 0);
+      // draw world objects (trees/stones/walls) as tiny marks - chests excluded per request
+      miniCtx.save();
+      const scaleX = mw / WORLD.width;
+      const scaleY = mh / WORLD.height;
+      for (const obj of objects){
+        if (obj.dead) continue;
+        const px = Math.round(obj.x * scaleX);
+        const py = Math.round(obj.y * scaleY);
+        if (obj.type === 'wood'){
+          miniCtx.fillStyle = '#3f210f';
+          miniCtx.fillRect(px-1, py-1, 2, 2);
+        } else if (obj.type === 'stone'){
+          miniCtx.fillStyle = '#666';
+          miniCtx.fillRect(px-1, py-1, 2, 2);
+        } else if (obj.type === 'wall'){
+          miniCtx.fillStyle = '#8b5a32';
+          miniCtx.fillRect(px-2, py-2, 4, 4);
+        }
+      }
+      // optionally show pickups (not enemies/chests) - small blue/green dots
+      for (const p of pickups){
+        const px = Math.round(p.x * scaleX);
+        const py = Math.round(p.y * scaleY);
+        if (p.type === 'weapon'){
+          miniCtx.fillStyle = '#ffd86b'; miniCtx.fillRect(px-1, py-1, 2, 2);
+        } else if (p.type === 'medkit'){
+          miniCtx.fillStyle = '#ff6b6b'; miniCtx.fillRect(px-1, py-1, 2, 2);
+        } else if (p.type === 'materials'){
+          miniCtx.fillStyle = '#cfe0a6'; miniCtx.fillRect(px-1, py-1, 2, 2);
+        } else if (p.type === 'ammo'){
+          miniCtx.fillStyle = '#e6e6e6'; miniCtx.fillRect(px-1, py-1, 2, 2);
+        }
+      }
+      // Storm safe zone: draw overlay darkening outside safe zone and stroke the safe circle
       if (storm.active){
+        // darken everything
+        miniCtx.fillStyle = 'rgba(0,0,0,0.35)';
         miniCtx.fillRect(0,0,mw,mh);
+        // carve out safe zone
         miniCtx.globalCompositeOperation = 'destination-out';
+        const cx = storm.centerX * scaleX;
+        const cy = storm.centerY * scaleY;
+        // radius scaled by average axis to keep circle shape close
+        const r = storm.radius * ((scaleX + scaleY) / 2);
         miniCtx.beginPath();
         miniCtx.arc(cx, cy, r, 0, Math.PI*2);
         miniCtx.fill();
         miniCtx.globalCompositeOperation = 'source-over';
         // border
+        miniCtx.strokeStyle = 'rgba(255,200,80,0.95)';
         miniCtx.lineWidth = 2;
         miniCtx.beginPath();
         miniCtx.arc(cx, cy, r, 0, Math.PI*2);
         miniCtx.stroke();
       }
+      // draw player dot (always visible)
+      const ppx = Math.round(player.x * (mw / WORLD.width));
+      const ppy = Math.round(player.y * (mh / WORLD.height));
       miniCtx.fillStyle = '#ffff66';
       miniCtx.beginPath();
+      miniCtx.arc(ppx, ppy, 3, 0, Math.PI*2);
       miniCtx.fill();
+      miniCtx.restore();
     }
     // Main loop
       const dt = Math.min(0.05, (ts - lastTime)/1000);
       lastTime = ts;
       let dx=0, dy=0;
       if (keys.w) dy -= 1; if (keys.s) dy += 1; if (keys.a) dx -= 1; if (keys.d) dx += 1;
       if (dx !== 0 || dy !== 0){
         const len = Math.hypot(dx,dy) || 1;
         const mvx = (dx/len) * player.speed * dt;
         const mvy = (dy/len) * player.speed * dt;
         const oldX = player.x, oldY = player.y;
         player.x += mvx;
         if (player.x < player.radius) player.x = player.radius;
         if (isCollidingSolid(player.x, player.y, player.radius)){
           player.x = oldX;
         }
         player.y += mvy;
         if (player.y < player.radius) player.y = player.radius;
         if (player.y > WORLD.height - player.radius) player.y = WORLD.height - player.radius;
         if (selected && selected.type === 'weapon') activeWeaponItem = selected;
       }
       if (mouse.down){
         if (player.equippedIndex === -1) playerMeleeHit();
         else if (activeWeaponItem && activeWeaponItem.type === 'weapon'){
       if (keys.e){ interactNearby(); keys.e = false; }
       if (keys.q){ tryBuild(); keys.q = false; }
       updateEnemies(dt, performance.now());
       bulletsUpdate(dt);
       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(); }
       }
       for (let i=objects.length-1;i>=0;i--) if (objects[i].dead) objects.splice(i,1);
       updatePlayerCount();
       updateStorm(dt);
       ctx.clearRect(0,0,canvas.width,canvas.height);
       drawWorld(); drawObjects(); drawChests(); drawPickups(); drawEnemies(); drawBullets(); drawPlayer(); drawCrosshair();
       updateHUD();
+      // Draw the minimap last so it reflects the latest world state
       drawMinimap();
       if (storm.active && playerInStorm()) stormWarning.classList.remove('hidden'); else stormWarning.classList.add('hidden');
     // Landing -> spawn selection
     let selectedBiome = null;
     function getSpawnForBiome(b){
       if (!b) return { x: WORLD.width/2 + (Math.random()-0.5)*400, y: WORLD.height/2 + (Math.random()-0.5)*400 };
       if (b === 'desert') return { x: rand(200, WORLD.width*0.3), y: rand(200, WORLD.height*0.3) };
       if (b === 'forest') return { x: rand(WORLD.width*0.7, WORLD.width-200), y: rand(200, WORLD.height*0.3) };
     let gameActive = false;
     function startGame(biome){
       selectedBiome = biome || selectedBiome;
       const spawn = getSpawnForBiome(selectedBiome);
       document.getElementById('currentBiome').textContent = selectedBiome ? selectedBiome.toUpperCase() : 'CENTER';
       initHUD();
       cameraUpdate();
       for (const e of enemies){
         if (Math.hypot(e.x - player.x, e.y - player.y) < 180){
           e.x += (Math.random()<0.5? -1:1) * rand(160,260);
           e.y += (Math.random()<0.5? -1:1) * rand(160,260);
         }
         e.inventory = [null,null,null,null,null];
         e.equippedIndex = -1;
         e.spawnSafeUntil = performance.now() + SPAWN_PROTECT_MS;
         e.state = 'gather';
+        e.nextHealTime = 0;
       }
       gameTime = 300; storm.active = false; storm.radius = storm.maxRadius;
     goHomeBtn.addEventListener('click', ()=>{ victoryScreen.classList.add('hidden'); gameScreen.classList.add('hidden'); landingScreen.classList.remove('hidden'); });
     continueBtn.addEventListener('click', ()=>{ victoryScreen.classList.add('hidden'); startGame(selectedBiome); });
     document.querySelectorAll('.biome-selector').forEach(el => {
       el.addEventListener('click', (ev)=>{
         document.querySelectorAll('.biome-selector').forEach(x=>x.classList.remove('biome-selected'));
         el.classList.add('biome-selected');
         const biome = el.dataset.biome;
         selectedBiome = biome;
         startGame(biome);
       });
     });
+    // initialization
     resizeCanvas();
     populateWorld();
     feather.replace();