refactor: rename TileInfo.tile() to TileInfo.index()

The method shadowed the global tile() factory and the name did not
convey that it derives a tile at an absolute index using this tile as
a layout template. Renamed to index() to match the parameter-based
naming of offset() and frame(), and moved it next to them.

BREAKING CHANGE: TileInfo.tile() removed with no deprecated alias.

Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>

Author: KilledByAPixel

dist/littlejs.d.ts

@@ -1692,17 +1692,17 @@ declare module "littlejsengine" {
         */
         frame(frame: number): TileInfo;
         /**
-         * Set this tile to use a full image in a texture info
-         * @param {TextureInfo} [textureInfo]
+         * Returns a tile info for an index using this tile as reference
+         * @param {Vector2|number} [index=0]
          * @return {TileInfo}
          */
-        setFullImage(textureInfo?: TextureInfo): TileInfo;
+        index(index?: Vector2 | number): TileInfo;
         /**
-         * Returns a tile info for an index using this tile as reference
-         * @param {Vector2|number} [index=0]
+         * Set this tile to use a full image in a texture info
+         * @param {TextureInfo} [textureInfo]
          * @return {TileInfo}
          */
-        tile(index?: Vector2 | number): TileInfo;
+        setFullImage(textureInfo?: TextureInfo): TileInfo;
     }
     /**
      * Tile Info - Stores info about each texture

dist/littlejs.esm.js

@@ -4198,6 +4198,14 @@ class TileInfo
         return this.offset(new Vector2(x));
     }
 
+    /**
+     * Returns a tile info for an index using this tile as reference
+     * @param {Vector2|number} [index=0]
+     * @return {TileInfo}
+     */
+    index(index)
+    { return tile(index, this.size, this.textureInfo, this.padding, this.bleed); }
+
     /**
      * Set this tile to use a full image in a texture info
      * @param {TextureInfo} [textureInfo]
@@ -4211,14 +4219,6 @@ class TileInfo
         this.bleed = this.padding = 0;
         return this;
     }
-
-    /**
-     * Returns a tile info for an index using this tile as reference
-     * @param {Vector2|number} [index=0]
-     * @return {TileInfo}
-     */
-    tile(index)
-    { return tile(index, this.size, this.textureInfo, this.padding, this.bleed); }
 }
 
 /**
@@ -7934,7 +7934,7 @@ class TileLayer extends CanvasLayer
         const d = this.getData(layerPos);
         if (!d || !d.tile) return;
 
-        const tileInfo = this.tileInfo && this.tileInfo.tile(d.tile);
+        const tileInfo = this.tileInfo && this.tileInfo.index(d.tile);
         this.drawLayerTile(drawPos, drawSize, tileInfo, d.color, d.direction*PI/2, d.mirror);
     }
 

dist/littlejs.esm.min.js

@@ -4198,6 +4198,14 @@ class TileInfo
         return this.offset(new Vector2(x));
     }
 
+    /**
+     * Returns a tile info for an index using this tile as reference
+     * @param {Vector2|number} [index=0]
+     * @return {TileInfo}
+     */
+    index(index)
+    { return tile(index, this.size, this.textureInfo, this.padding, this.bleed); }
+
     /**
      * Set this tile to use a full image in a texture info
      * @param {TextureInfo} [textureInfo]
@@ -4211,14 +4219,6 @@ class TileInfo
         this.bleed = this.padding = 0;
         return this;
     }
-
-    /**
-     * Returns a tile info for an index using this tile as reference
-     * @param {Vector2|number} [index=0]
-     * @return {TileInfo}
-     */
-    tile(index)
-    { return tile(index, this.size, this.textureInfo, this.padding, this.bleed); }
 }
 
 /**
@@ -7934,7 +7934,7 @@ class TileLayer extends CanvasLayer
         const d = this.getData(layerPos);
         if (!d || !d.tile) return;
 
-        const tileInfo = this.tileInfo && this.tileInfo.tile(d.tile);
+        const tileInfo = this.tileInfo && this.tileInfo.index(d.tile);
         this.drawLayerTile(drawPos, drawSize, tileInfo, d.color, d.direction*PI/2, d.mirror);
     }
 

dist/littlejs.js

@@ -3507,6 +3507,14 @@ class TileInfo
         return this.offset(new Vector2(x));
     }
 
+    /**
+     * Returns a tile info for an index using this tile as reference
+     * @param {Vector2|number} [index=0]
+     * @return {TileInfo}
+     */
+    index(index)
+    { return tile(index, this.size, this.textureInfo, this.padding, this.bleed); }
+
     /**
      * Set this tile to use a full image in a texture info
      * @param {TextureInfo} [textureInfo]
@@ -3520,14 +3528,6 @@ class TileInfo
         this.bleed = this.padding = 0;
         return this;
     }
-
-    /**
-     * Returns a tile info for an index using this tile as reference
-     * @param {Vector2|number} [index=0]
-     * @return {TileInfo}
-     */
-    tile(index)
-    { return tile(index, this.size, this.textureInfo, this.padding, this.bleed); }
 }
 
 /**
@@ -7243,7 +7243,7 @@ class TileLayer extends CanvasLayer
         const d = this.getData(layerPos);
         if (!d || !d.tile) return;
 
-        const tileInfo = this.tileInfo && this.tileInfo.tile(d.tile);
+        const tileInfo = this.tileInfo && this.tileInfo.index(d.tile);
         this.drawLayerTile(drawPos, drawSize, tileInfo, d.color, d.direction*PI/2, d.mirror);
     }
 

dist/littlejs.min.js

@@ -190,6 +190,14 @@ class TileInfo
         return this.offset(new Vector2(x));
     }
 
+    /**
+     * Returns a tile info for an index using this tile as reference
+     * @param {Vector2|number} [index=0]
+     * @return {TileInfo}
+     */
+    index(index)
+    { return tile(index, this.size, this.textureInfo, this.padding, this.bleed); }
+
     /**
      * Set this tile to use a full image in a texture info
      * @param {TextureInfo} [textureInfo]
@@ -203,14 +211,6 @@ class TileInfo
         this.bleed = this.padding = 0;
         return this;
     }
-
-    /**
-     * Returns a tile info for an index using this tile as reference
-     * @param {Vector2|number} [index=0]
-     * @return {TileInfo}
-     */
-    tile(index)
-    { return tile(index, this.size, this.textureInfo, this.padding, this.bleed); }
 }
 
 /**

dist/littlejs.release.js

@@ -483,7 +483,7 @@ class TileLayer extends CanvasLayer
         const d = this.getData(layerPos);
         if (!d || !d.tile) return;
 
-        const tileInfo = this.tileInfo && this.tileInfo.tile(d.tile);
+        const tileInfo = this.tileInfo && this.tileInfo.index(d.tile);
         this.drawLayerTile(drawPos, drawSize, tileInfo, d.color, d.direction*PI/2, d.mirror);
     }