Share the sprite-sheet slicer with auto-battler (web/sheet.js from src/render/spriteSheet.js)

tiny.js now imports the same slicer (Pixi injected) instead of reimplementing it.

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>

web/sheet.js

@@ -0,0 +1,20 @@
+// src/render/spriteSheet.js
+var SHEET_ROWS = 4;
+var cellOf = (height) => Math.round(height / SHEET_ROWS);
+function sliceGridWith(pixi, texture, cell = cellOf(texture.source.height)) {
+  const { Texture, Rectangle } = pixi;
+  const src = texture.source;
+  const rows = Math.max(1, Math.round(src.height / cell));
+  const cols = Math.max(1, Math.round(src.width / cell));
+  return Array.from({ length: rows }, (_, r) => Array.from({ length: cols }, (_2, c) => new Texture({ source: src, frame: new Rectangle(c * cell, r * cell, cell, cell) })));
+}
+var rowFramesWith = (pixi, texture, row = 0) => {
+  const g = sliceGridWith(pixi, texture);
+  return g[row] ?? g[0];
+};
+export {
+  SHEET_ROWS,
+  cellOf,
+  rowFramesWith,
+  sliceGridWith
+};

web/tiny.js

@@ -4,6 +4,9 @@
 // exposed here — so the UI chrome is 100% Gradio, the rendering is Pixi.
 import * as PIXI from 'https://cdn.jsdelivr.net/npm/pixi.js@8/dist/pixi.min.mjs'
 import { makeTeamBattle, step, FIELD } from '/web/engine.js'
+// Shared sprite-sheet slicer — ONE source with the auto-battler
+// (src/render/spriteSheet.js, esbuilt to /web/sheet.js).
+import { sliceGridWith } from '/web/sheet.js'
 
 // Run cb when an element with `id` appears (Gradio renders after our head runs).
 function whenEl(id, cb) {
@@ -57,10 +60,7 @@ whenEl('sprite-stage', async (el) => {
     const c = map[slug]; if (!c) return
     const url = spriteUrl(c[anim] || c.idle); if (!url) return
     const tex = await PIXI.Assets.load(url); tex.source.scaleMode = 'nearest'
-    const cell = Math.round(tex.source.height / 4)           // minifantasy: 4 facing rows
-    const cols = Math.max(1, Math.round(tex.source.width / cell))
-    const frames = Array.from({ length: cols }, (_, i) =>
-      new PIXI.Texture({ source: tex.source, frame: new PIXI.Rectangle(i * cell, 0, cell, cell) }))
+    const frames = sliceGridWith(PIXI, tex)[0]               // shared slicer, row 0 (front-right)
     if (sprite) { app.stage.removeChild(sprite); sprite.destroy() }
     sprite = new PIXI.AnimatedSprite(frames)
     sprite.anchor.set(0.5, 0.92); sprite.loop = true; sprite.animationSpeed = 0.12