Phase 5: active items — room-clear charged, dedicated pedestals, Space to use

- ACTIVES table with 10 actives (Bone Nova, Offal Bomb, Blood Transfusion,
  Cleaver Storm, Butcher's Bell, Marrow Draught, Slaughter Time, Panic Room,
  Skinner's Coin, Gut Reroll); charges accrue +1/combat room, +2/boss
- Dedicated 'active' pickup with weapon-style swap-drop; 30% boss / 15% item-room
  bonus pedestal spawns; flat +2 powerScore while held
- HUD active slot with charge pips + READY state; ACTIVES help page (12 pages);
  teal medallion frame variant in draw_sprites.py; 10 generated icons
- Procedural Sfx.active()/activeEmpty() (real clips deferred to audio batch)
- Fix: toast panel width now fits the wider of title/subtitle and clamps to screen
- Bump asset cache to v=40

js/bosses.js

@@ -594,6 +594,8 @@ function onBossDeath(e) {
   addShake(12);
   // boss reward: item pedestal + a real weapon drop + stairs down
   spawnItemPedestal(W / 2 - 90, H / 2, null, 'boss');
+  // 30% chance of a bonus active pedestal (additive — never replaces the passive)
+  if (chance(0.30)) spawnActivePedestal(W / 2 - 160, H / 2 + 60);
   const bw = rollWeaponDrop(G.floor + 2); // bosses drop the good stuff
   spawnPickup('weapon', W / 2 + 90, H / 2, { wid: bw.id });
   spawnPickup('stairs', W / 2, H / 2 + 80);

js/help.js

@@ -14,6 +14,7 @@ const HELP_PAGES = [
   { title: 'ARSENAL' },
   { title: 'MUTATIONS' },
   ...Array.from({ length: HELP_ITEM_PAGE_COUNT }, (_, i) => ({ title: 'IMPLANTS ' + ['I', 'II', 'III', 'IV', 'V', 'VI'][i] || ('P' + (i + 1)) })),
+  { title: 'ACTIVES' },
   { title: 'BESTIARY' },
   { title: 'PRESSURE' },
 ];
@@ -86,6 +87,7 @@ function drawHelpControls(ctx, px, py) {
     { head: 'IN THE FIELD', lines: [
       'WASD / ARROWS — MOVE      MOUSE — AIM      LMB (HOLD) — FIRE',
       'LMB RELEASE — FIRE CHARGED BEAM (SPINAL TAP ONLY)',
+      'SPACE — USE ACTIVE ITEM (CHARGED BY CLEARING ROOMS)',
       'R — SWAP BONE POPPER ↔ HOLSTERED SPECIAL (EMPTY SPECIALS LOCKED)',
       'P / ESC — PAUSE · M — MUTE · N — NEXT TRACK · T — AUTO-DRAFT',
       'DESKTOP APP: F11 — FULLSCREEN · F12 — DEVTOOLS · CTRL+R — RELOAD',
@@ -216,6 +218,31 @@ function drawHelpItemList(ctx, px, py, page) {
 
 const HELP_ITEM_RENDERERS = Array.from({ length: HELP_ITEM_PAGE_COUNT }, (_, i) => (c, x, y) => drawHelpItemList(c, x, y, i));
 
+function drawHelpActives(ctx, px, py) {
+  const x = px + 40;
+  let ty = py + HELP_BODY;
+  ctx.textAlign = 'left';
+  ctx.fillStyle = '#d7a934'; ctx.font = hfont(9, true);
+  ctx.fillText(Object.keys(ACTIVES).length + ' ACTIVE ITEMS · SPACE TO USE · CHARGED BY CLEARING ROOMS', x, ty);
+  ty += 11;
+  ctx.fillStyle = '#7d6a68'; ctx.font = hfont(8, false);
+  ctx.fillText('+1 CHARGE PER COMBAT ROOM · +2 PER BOSS · PICKING UP A NEW ACTIVE DROPS THE OLD ONE', x, ty + 11);
+  ty += 34;
+  const colW = (HELP_PANEL.w - 80) / 2;
+  const entries = Object.entries(ACTIVES);
+  for (let i = 0; i < entries.length; i++) {
+    const col = Math.floor(i / 5), r = i % 5;
+    const lx = x + col * colW, ly = ty + r * 62;
+    const [, a] = entries[i];
+    ctx.fillStyle = '#55f5dc'; ctx.font = hfont(8, true);
+    ctx.fillText(a.name.toUpperCase(), lx, ly);
+    ctx.fillStyle = '#5f4d4d'; ctx.font = hfont(7, true);
+    ctx.fillText('COST ' + a.cost + ' CHARGE' + (a.cost > 1 ? 'S' : ''), lx, ly + 13);
+    ctx.fillStyle = '#a08d84'; ctx.font = hfont(8, false);
+    ctx.fillText(fit(a.desc.toUpperCase(), 30), lx + 100, ly + 13);
+  }
+}
+
 function drawHelpBestiary(ctx, px, py) {
   const x = px + 40;
   let ty = py + HELP_BODY;
@@ -285,7 +312,7 @@ function drawHelpPressure(ctx, px, py) {
   ], HELP_PANEL.w - 80);
 }
 
-const HELP_RENDERERS = [drawHelpControls, drawHelpLoop, drawHelpArsenal, drawHelpPerkList, ...HELP_ITEM_RENDERERS, drawHelpBestiary, drawHelpPressure];
+const HELP_RENDERERS = [drawHelpControls, drawHelpLoop, drawHelpArsenal, drawHelpPerkList, ...HELP_ITEM_RENDERERS, drawHelpActives, drawHelpBestiary, drawHelpPressure];
 
 function drawPauseHelp(ctx) {
   ctx.fillStyle = 'rgba(4,2,3,0.84)';

js/hud.js

@@ -8,7 +8,7 @@ function drawHUD(ctx) {
   // vitals use a 2-row grid; a second row pushes the rest of the panel down
   const totalVitalIcons = Math.ceil(p.stats.maxHp / 2) + Math.ceil(p.shieldHp / 2);
   const vOff = totalVitalIcons > 12 ? 22 : 0;
-  const panelH = (p.holstered ? 140 : 112) + vOff;
+  const panelH = (p.holstered ? 140 : 112) + (p.active ? 24 : 0) + vOff;
   drawPixelPanel(ctx, 8, 8, 304, panelH, {
     accent: '#cf2942', border: 'rgba(115,43,56,0.95)', blood: true,
     seed: G.floor, bloodAlpha: 0.34,
@@ -109,6 +109,22 @@ function drawHUD(ctx) {
     ctx.fillText(holsterEmpty ? 'NEEDS AMMO' : Math.ceil(p.holstered.ammo) + ' AMMO', 289, 125 + vOff);
   }
 
+  // active item slot: icon, name, charge pips, READY state
+  if (p.active) {
+    const ad = ACTIVES[p.active.iid];
+    const ay = 112 + vOff + (p.holstered ? 20 : 0);
+    const ready = p.active.charges >= ad.cost;
+    ctx.fillStyle = ready ? 'rgba(34,90,84,0.5)' : 'rgba(30,60,66,0.35)';
+    ctx.fillRect(15, ay, 281, 20);
+    Sprites.draw(ctx, 'a_' + p.active.iid, 29, ay + 10, 0, 28, false, ready ? A : 0.6 * A);
+    ctx.fillStyle = ready ? '#8df0e0' : '#7d9a9c'; ctx.font = 'bold 9px monospace'; ctx.textAlign = 'left';
+    ctx.fillText((ready ? '[SPACE] ' : '') + ad.name.toUpperCase(), 47, ay + 13);
+    for (let i = 0; i < ad.cost; i++) {
+      ctx.fillStyle = i < p.active.charges ? '#55f5dc' : 'rgba(85,245,220,0.18)';
+      ctx.fillRect(289 - (ad.cost - 1 - i) * 12 - 8, ay + 6, 8, 8);
+    }
+  }
+
   const rarityRank = { legendary: 0, rare: 1, uncommon: 2, common: 3 };
   const allItemEntries = Object.entries(p.items).sort((a, b) =>
     (rarityRank[ITEMS[a[0]].rarity] - rarityRank[ITEMS[b[0]].rarity]) || (b[1] - a[1]));
@@ -186,7 +202,14 @@ function drawHUD(ctx) {
     const y = 22 + i * 48;
     ctx.globalAlpha = a;
     ctx.font = 'bold 13px monospace';
-    const tw = Math.max(ctx.measureText(t.text).width + 48, 190);
+    const titleW = ctx.measureText(t.text.toUpperCase()).width;
+    let subW = 0;
+    if (t.sub) {
+      ctx.font = '9px monospace';
+      subW = ctx.measureText(t.sub.toUpperCase()).width;
+    }
+    // panel must fit the wider of the two lines (and never leave the screen)
+    const tw = Math.min(Math.max(Math.max(titleW, subW) + 48, 190), W - 24);
     drawPixelPanel(ctx, W / 2 - tw / 2, y, tw, t.sub ? 40 : 28, {
       cut: 5, shadow: false, accent: '#c59231', blood: true,
       seed: i + G.floor, bloodAlpha: 0.2,

js/items.js

@@ -187,3 +187,80 @@ function spawnItemPedestal(x, y, iid, source) {
   spawnPickup('itemspot', x, y);
   spawnPickup('item', x, y, { iid: iid || rollItemId(source || 'room', G.floor) });
 }
+
+// ---- active items: room-clear charged, dedicated pedestal pickups ----
+// Actives live in their own table so p.items (tier math + powerScore) stays clean.
+// charges are granted by recordRoomClear: +1 per combat room, +2 per boss.
+const ACTIVES = {
+  bonenova:        { name: 'Bone Nova',        desc: 'Damage ring + hard knockback', cost: 2, use(p) {
+    areaDamage(p.x, p.y, 150, 30 * p.stats.dmgMul, true, { source: 'player' });
+    for (const e of G.enemies) { const a = angleTo(p.x, p.y, e.x, e.y); e.vx += Math.cos(a) * 500; e.vy += Math.sin(a) * 500; }
+    spawnShockwave(p.x, p.y, 150, '#e8dcc2', 0.8); addShake(8);
+  } },
+  offalbomb:       { name: 'Offal Bomb',       desc: 'Gore bomb at the cursor',    cost: 1, use(p) {
+    explodeAt(Input.mx, Input.my, 95, 25 * p.stats.dmgMul, true);
+  } },
+  bloodtransfusion:{ name: 'Blood Transfusion', desc: 'Heal 2 hearts, lose 25% current XP', cost: 2, use(p) {
+    p.xp = Math.floor(p.xp * 0.75);
+    healPlayer(4); spawnText(p.x, p.y - 16, '+2 HEARTS', '#d92038');
+  } },
+  cleaverstorm:    { name: 'Cleaver Storm',    desc: '12 orbiting cleavers for 6s', cost: 2, use(p) {
+    p.cleaverStormT = 6;
+  } },
+  butchersbell:    { name: "Butcher's Bell",   desc: 'Pull every enemy in and stun 1s', cost: 2, use(p) {
+    for (const e of G.enemies) {
+      if (e.boss) continue;
+      const a = angleTo(e.x, e.y, p.x, p.y);
+      e.vx += Math.cos(a) * 700; e.vy += Math.sin(a) * 700;
+      e.stunT = Math.max(e.stunT || 0, 1);
+    }
+    spawnShockwave(p.x, p.y, 320, '#c9a227', 0.7); addShake(6);
+  } },
+  marrowdraught:   { name: 'Marrow Draught',   desc: '+100% fire rate and free ammo for 5s', cost: 3, use(p) {
+    p.marrowDraughtT = 5;
+  } },
+  slaughtertime:   { name: 'Slaughter Time',   desc: 'Enemies at 25% speed for 5s', cost: 3, use(p) {
+    for (const e of G.enemies) e.slowT = Math.max(e.slowT || 0, 5);
+  } },
+  panicroom:       { name: 'Panic Room',       desc: '2.5s invulnerable, can\'t fire', cost: 3, use(p) {
+    p.panicRoomT = 2.5;
+    p.invT = Math.max(p.invT, 2.5);
+  } },
+  skinnerscoin:    { name: "Skinner's Coin",   desc: 'Clear all enemy bullets into gems', cost: 3, use(p) {
+    for (const b of G.ebullets) spawnPickup('gem', b.x, b.y, { v: 1 });
+    G.ebullets = [];
+    spawnShockwave(p.x, p.y, 480, '#55f5dc', 0.5);
+  } },
+  gutreroll:       { name: 'Gut Reroll',       desc: 'Reroll the pedestal you\'re standing on', cost: 1, use(p) {
+    for (const k of G.pickups) {
+      if (k.type === 'item' && dist2(k.x, k.y, p.x, p.y) < 120 * 120) {
+        k.iid = rollItemId('room', G.floor);
+        spawnText(k.x, k.y - 40, 'REROLLED', '#e2472f');
+        return;
+      }
+    }
+    addToast('NO PEDESTAL', 'stand on an item pedestal to reroll it');
+  } },
+};
+
+function useActive() {
+  const p = G.player;
+  if (!p.active || G.mode !== 'play') return;
+  const a = ACTIVES[p.active.iid];
+  if (!a) return;
+  if (p.active.charges < a.cost) {
+    addToast(a.name, 'not ready — clear ' + (a.cost - p.active.charges) + ' more room' + (a.cost - p.active.charges > 1 ? 's' : ''));
+    Sfx.activeEmpty();
+    return;
+  }
+  p.active.charges = 0;
+  a.use(p);
+  spawnText(p.x, p.y - 22, a.name.toUpperCase(), '#e2472f');
+  Sfx.active();
+}
+
+// spawn an active pedestal (boss / item-room bonus drops)
+function spawnActivePedestal(x, y) {
+  spawnPickup('itemspot', x, y);
+  spawnPickup('active', x, y, { aid: choice(Object.keys(ACTIVES)) });
+}

js/main.js

@@ -151,6 +151,7 @@ function update(dt) {
       if (keyPressed('p', 'escape')) { G.mode = 'pause'; Sfx.stopAllLoops(); Sfx.menu(); break; }
       if (keyPressed('n')) Music.cycle(1);
       if (keyPressed('r')) swapWeapon();
+      if (keyPressed(' ')) useActive();
       if (keyPressed('t')) setAutoPerk(!G.autoPerk);
       updatePlayer(dt);
       updateRoom(dt);

js/pickups.js

@@ -121,6 +121,21 @@ function collectPickup(k) {
       for (const q of G.pickups) if (q.type === 'itemspot') q.dead = true; // remove pedestal base
       break;
     }
+    case 'active': {
+      // picking up a new active drops the old one with its remaining charges
+      if (p.active) {
+        const a = rand(0, TAU);
+        spawnPickup('active', p.x + Math.cos(a) * 34, p.y + Math.sin(a) * 34,
+          { aid: p.active.iid, charges: p.active.charges, delay: 0.6 });
+      }
+      const def = ACTIVES[k.aid];
+      p.active = { iid: k.aid, charges: k.charges !== undefined ? k.charges : def.cost };
+      addToast(def.name, def.desc + ' — [SPACE] when charged');
+      spawnText(p.x, p.y - 14, def.name.toUpperCase(), '#55f5dc');
+      Sfx.item();
+      for (const q of G.pickups) if (q.type === 'itemspot') q.dead = true; // remove pedestal base
+      break;
+    }
     case 'stairs':
       nextFloor();
       break;
@@ -177,6 +192,17 @@ function drawPickups(ctx) {
       ctx.beginPath(); ctx.arc(k.x, k.y - 28, 25 + Math.sin(k.t * 4) * 3, 0, TAU); ctx.stroke();
       ctx.restore();
       Sprites.draw(ctx, 'i_' + k.iid, k.x, k.y - 28 + bob, 0, 64);
+    } else if (k.type === 'active') {
+      ctx.save();
+      ctx.globalAlpha = 0.22 + Math.sin(k.t * 3) * 0.08;
+      ctx.fillStyle = '#55f5dc';
+      ctx.beginPath(); ctx.arc(k.x, k.y - 28, 30, 0, TAU); ctx.fill();
+      ctx.globalAlpha = 0.4;
+      ctx.strokeStyle = '#a5f5e8'; ctx.lineWidth = 2;
+      const ringR = 25 + Math.sin(k.t * 4) * 3;
+      ctx.beginPath(); ctx.arc(k.x, k.y - 28, ringR, -Math.PI / 2, -Math.PI / 2 + TAU * ((k.charges || 0) / Math.max(1, ACTIVES[k.aid].cost))); ctx.stroke();
+      ctx.restore();
+      Sprites.draw(ctx, 'a_' + k.aid, k.x, k.y - 28 + bob, 0, 64);
     } else if (k.type === 'stairs') {
       Sprites.draw(ctx, 'stairs', k.x, k.y, 0, 64);
       ctx.save();
@@ -191,6 +217,7 @@ function drawPickups(ctx) {
     if (dist2(k.x, k.y, p.x, p.y) < 90 * 90) {
       if (k.type === 'weapon') drawPickupLabel(ctx, WEAPONS[k.wid].name, k.x, k.y - 44, '#ffd060');
       else if (k.type === 'item') drawPickupLabel(ctx, ITEMS[k.iid].name, k.x, k.y - 66, ITEM_RARITY[ITEMS[k.iid].rarity].color);
+      else if (k.type === 'active') drawPickupLabel(ctx, ACTIVES[k.aid].name, k.x, k.y - 66, '#55f5dc');
       else if (k.type === 'stairs') drawPickupLabel(ctx, 'STAIRS DOWN', k.x, k.y - 52, '#e8e0d0');
       else if (k.type === 'ammo') drawPickupLabel(ctx, 'AMMO', k.x, k.y - 26, '#d0b060');
     }

js/player.js

@@ -11,6 +11,7 @@ function initPlayer() {
     holstered: null,   // a special weapon set aside while the pistol is out
     level: 1, xp: 0,
     items: {},         // iid -> quality tier (1..3)
+    active: null,      // { iid, charges } — active item, room-clear charged
     orbAng: 0,
     stats: {
       dmgMul: 1, rateMul: 1, speedMul: 1, shotSpeedMul: 1, rangeMul: 1,
@@ -107,7 +108,8 @@ function updatePlayer(dt) {
   Sfx.syncWeaponLoop(w, sustained && Input.mdown && p.weapon.ammo > 0);
   if (p.fireT > 0) p.fireT -= dt;
   const frenzyMul = p.frenzyT > 0 ? 1 + st.frenzy : 1;
-  const effectiveRate = st.rateMul * (1 + (st.rhythmRateBonus || 0)) * frenzyMul;
+  const draughtMul = p.marrowDraughtT > 0 ? 2 : 1;
+  const effectiveRate = st.rateMul * (1 + (st.rhythmRateBonus || 0)) * frenzyMul * draughtMul;
   const rate = w.interval / effectiveRate;
 
   if (w.behavior === 'saw') {
@@ -128,7 +130,7 @@ function updatePlayer(dt) {
       p.charge = Math.max(0, p.charge - dt * 2);
     }
   } else {
-    if (Input.mdown && p.fireT <= 0 && p.weapon.ammo > 0) {
+    if (Input.mdown && p.fireT <= 0 && p.weapon.ammo > 0 && !(p.panicRoomT > 0)) {
       fireWeapon(p, w);
       // Twin Sidearm: the Bone Popper double-taps
       if (st.twinSidearm > 0 && p.weapon.id === 'bonepopper') fireWeapon(p, w);
@@ -146,7 +148,7 @@ function updatePlayer(dt) {
       p.muzzleT = 0.07;
       p.attackT = 0.4; p.actionT = 0;
       p.fireT = rate;
-      if (p.weapon.ammo !== Infinity) p.weapon.ammo -= (st.twinSidearm > 0 ? 2 : 1) / st.ammoEff;
+      if (p.weapon.ammo !== Infinity && !(p.marrowDraughtT > 0)) p.weapon.ammo -= (st.twinSidearm > 0 ? 2 : 1) / st.ammoEff;
       Sfx.shoot(w);
       if (w.behavior === 'slam') addShake(5);
     }
@@ -210,6 +212,34 @@ function updatePlayer(dt) {
     }
   }
 
+  // ---- active-item timed effects ----
+  // Marrow Draught: +100% fire rate and free ammo while active
+  if (p.marrowDraughtT > 0) p.marrowDraughtT -= dt;
+  // Panic Room: invulnerable but cannot fire
+  if (p.panicRoomT > 0) p.panicRoomT -= dt;
+  // Cleaver Storm: 12 orbiting cleavers shred on contact
+  if (p.cleaverStormT > 0) {
+    p.cleaverStormT -= dt;
+    p.cleaverStormAng = (p.cleaverStormAng || 0) + dt * 6;
+    p.cleaverStormTick = (p.cleaverStormTick || 0) - dt;
+    const doTick = p.cleaverStormTick <= 0;
+    if (doTick) p.cleaverStormTick = 0.25;
+    for (let i = 0; i < 12; i++) {
+      const a = p.cleaverStormAng + (i / 12) * TAU;
+      const cx = p.x + Math.cos(a) * 90, cy = p.y + Math.sin(a) * 90;
+      if (!doTick) continue;
+      for (const e of G.enemies) {
+        if (e.hp <= 0 || e.stormHitT > 0) continue;
+        if (dist2(cx, cy, e.x, e.y) < (14 + e.r) * (14 + e.r)) {
+          e.stormHitT = 0.3;
+          damageEnemy(e, 10 * st.dmgMul * st.dmgLiveMul, a + Math.PI / 2, true, { source: 'player' });
+          spawnBlood(e.x, e.y, a, 3);
+        }
+      }
+    }
+    for (const e of G.enemies) if (e.stormHitT > 0) e.stormHitT -= dt;
+  }
+
   // Thresher Plate: passive contact-damage aura (no need to be hit)
   if (st.thresherPlate > 0) {
     p.thresherTick = (p.thresherTick || 0) - dt;
@@ -358,6 +388,13 @@ function drawPlayer(ctx) {
       Sprites.draw(ctx, 'bullet_cleaver', p.x + Math.cos(a) * 58, p.y + Math.sin(a) * 58, a + Math.PI / 2, 24);
     }
   }
+  // Cleaver Storm active: 12 orbiting cleavers
+  if (p.cleaverStormT > 0) {
+    for (let i = 0; i < 12; i++) {
+      const a = (p.cleaverStormAng || 0) + (i / 12) * TAU;
+      Sprites.draw(ctx, 'bullet_cleaver', p.x + Math.cos(a) * 90, p.y + Math.sin(a) * 90, a + Math.PI / 2, 22);
+    }
+  }
 
   const w = WEAPONS[p.weapon.id];
   const kick = p.recoil * 3;

js/rooms.js

@@ -90,6 +90,8 @@ function enterRoom(gx, gy) {
         const w = rollWeaponDrop(G.floor);
         spawnPickup('weapon', W / 2 + 55, H / 2, { wid: w.id });
       }
+      // and occasionally a bonus active pedestal
+      if (chance(0.15)) spawnActivePedestal(W / 2 + 130, H / 2 + 55);
       room.cleared = true;
     }
   } else if (room.type === 'combat' && !room.cleared && room.wavesLeft > 0) {
@@ -177,6 +179,18 @@ function recordRoomClear(room) {
   } else {
     G.streak = 0;
   }
+  // active items charge on room clears: +1 per combat room, +2 per boss
+  const p = G.player;
+  if (p && p.active) {
+    const a = ACTIVES[p.active.iid];
+    if (a) {
+      const gain = room.type === 'boss' ? 2 : (room.type === 'combat' ? 1 : 0);
+      if (gain > 0 && p.active.charges < a.cost) {
+        p.active.charges = Math.min(a.cost, p.active.charges + gain);
+        if (p.active.charges >= a.cost) spawnText(p.x, p.y - 30, a.name.toUpperCase() + ' READY', '#e2472f');
+      }
+    }
+  }
   if (room.type === 'combat' && G.player.stats.roomHeal > 0 && G.player.hp < G.player.stats.maxHp) {
     const before = G.player.hp;
     healPlayer(G.player.stats.roomHeal);

js/sfx.js

@@ -376,6 +376,8 @@ const Sfx = {
   ammo() { this.ui('ammo', () => { this.click(.14, 1600, 'ui'); this.blip(520, .08, 'square', .12, -80, 'ui'); }); },
   weapon() { this.ui('weapon', () => { this.thump(120, .14, .4, 50, 'ui'); this.blip(300, .1, 'square', .25, 200, 'ui'); this.blip(450, .12, 'square', .2, 250, 'ui'); }); },
   item() { this.ui('item', () => { this.thump(100, .2, .4, 45, 'ui'); this.blip(350, .15, 'triangle', .3, 150, 'ui'); this.blip(525, .2, 'triangle', .25, 200, 'ui'); }); },
+  active() { this.thump(140, .22, .5, 60, 'ui'); this.blip(700, .12, 'sawtooth', .28, 500, 'ui'); this.noise(.1, .14, 2400, 'ui', null, true); },
+  activeEmpty() { this.blip(220, .12, 'square', .18, -90, 'ui'); },
   levelup() { this.ui('levelup', () => { this.blip(400, .12, 'square', .25, 200, 'ui'); setTimeout(() => this.blip(600, .12, 'square', .25, 200, 'ui'), 100); setTimeout(() => this.blip(800, .2, 'square', .25, 200, 'ui'), 200); }); },
   perk() { this.ui('perk', () => this.blip(500, .1, 'square', .25, 300, 'ui')); },
   menu() { this.ui('menu', () => this.blip(620, .055, 'square', .11, 120, 'ui')); },

js/sfxbank.js

@@ -115,7 +115,7 @@ const SfxBank = {
     if (this.buffers.has(name) || this.pending.has(name) || this.failed.has(name)) return;
     const file = this.FILES[name];
     if (!file || !this.ctx || typeof fetch !== 'function') return;
-    const job = fetch('/assets/sfx/' + encodeURIComponent(file) + '?v=39')
+    const job = fetch('/assets/sfx/' + encodeURIComponent(file) + '?v=40')
       .then(r => { if (!r.ok) throw new Error('HTTP ' + r.status); return r.arrayBuffer(); })
       .then(bytes => this.ctx.decodeAudioData(bytes))
       .then(buffer => this.buffers.set(name, this.trim(buffer)))

js/sprites.js

@@ -44,6 +44,9 @@ const SPRITE_MANIFEST = [
   'i_meathook', 'i_blooddebt',
   'i_butchersoath', 'i_secondskin', 'i_twinsidearm', 'i_crimsonmetronome', 'i_abattoirengine',
   'i_gorecrown', 'i_thousandteeth', 'i_hollowfather', 'i_thelastcut', 'i_meatgrinder',
+  // active items
+  'a_bonenova', 'a_offalbomb', 'a_bloodtransfusion', 'a_cleaverstorm', 'a_butchersbell',
+  'a_marrowdraught', 'a_slaughtertime', 'a_panicroom', 'a_skinnerscoin', 'a_gutreroll',
   // full 64px/128px eight-direction action atlases
   'player_sheet', 'player_legs_sheet',
   'enemy_shambler_sheet', 'enemy_runner_sheet', 'enemy_spitter_sheet',
@@ -81,7 +84,7 @@ const Sprites = {
       const img = new Image();
       img.onload = () => { this.imgs[name] = img; if (--pending === 0) G.imagesLoaded = true; };
       img.onerror = () => { if (--pending === 0) G.imagesLoaded = true; };
-      img.src = 'assets/' + name + '.png?v=39';
+      img.src = 'assets/' + name + '.png?v=40';
     }
   },
 
@@ -286,6 +289,12 @@ const Sprites = {
     } else if (name.startsWith('w_')) {
       ctx.fillStyle = C('#b8a888'); ctx.fillRect(-8, -3, 16, 6);
       ctx.fillStyle = C('#6b5333'); ctx.fillRect(-4, 3, 5, 6);
+    } else if (name.startsWith('a_')) {
+      ctx.fillStyle = C('#2fa898');
+      ctx.beginPath(); ctx.arc(0, 0, 9, 0, TAU); ctx.fill();
+      ctx.fillStyle = C('#0d2a26');
+      ctx.font = 'bold 10px monospace'; ctx.textAlign = 'center'; ctx.textBaseline = 'middle';
+      ctx.fillText('!', 0, 0);
     } else if (name.startsWith('i_') || name.startsWith('perk_')) {
       ctx.fillStyle = C('#c9a227');
       ctx.beginPath(); ctx.arc(0, 0, 9, 0, TAU); ctx.fill();

js/state.js

@@ -65,6 +65,7 @@ function powerScore() {
   if (!p) return 0;
   let n = (p.level - 1) * PERK_POWER_WEIGHT;
   for (const iid in p.items) n += p.items[iid] * ITEM_RARITY[ITEMS[iid].rarity].power;
+  if (p.active) n += 2; // holding an active item is a flat power contribution
   return Math.max(0, n);
 }