Allow Sprite to draw single image from spritesheet / tilemap

[straker]

Someone recently asked what the best way was to use a Sprite to display a spritesheet that only contained individual sprites. I did something similar for my 2021 entry and used a tileatlas to map all the image locations and then a custom draw function to draw the image from the spritesheet.

It would be nice to implement the ability for a Sprite to be able to use a tilesheet like this instead of having to do it manually every time.

[sylfel]

Hi straker,

Do you think this functionnality should be in Spritesheet class :

let spriteSheet = SpriteSheet({
    image: image,
    frameWidth: 72,
    frameHeight: 97,
  });

let sprite = spriteSheet.createSprite(15) // frame

or pass spriteSheet in Sprite constructor :

let spriteSheet = SpriteSheet({
    image: image,
    frameWidth: 72,
    frameHeight: 97,
  });

let sprite = Sprite({
    x: 300,
    y: 100,
    anchor: {x: 0.5, y: 0.5},

    // replace "image" parameter :
    spriteSheet: spriteSheet,
    frame: 15
  });

[straker]

Possibly. The sprite will at least need access to the spritesheet in order to draw from it. But it will also need to know the x/y (or row/col) of the start of the sprite image, and the width/height (or numRow/numCol) of the image. A spritemap can have sprites of different sizes and they don't necessarily have to align to any grid.