Loading a bunch of small icons

Phaser 3
1

I want to load a few icons and I’ve looked at both atlas and tilemap. Both seem to be powerful, but also fairly complicated.

My icons are all 48x48px. I was to put them all together in one long image. Then I expected to be able to load it into Phaser, tell Phaser the grid is 48x48, and then simply access them with an integer index. It doesn’t seem to be that easy though. Or am I missing something?

Or maybe I’m just complicating my life. Is it even worth it? It’s just about 15 icons or so. Should I just load them one by one with scene.load.image()?

2

This is like

function preload () {
    this.load.spritesheet('balls', 'assets/sprites/balls.png', { frameWidth: 17, frameHeight: 17 });
}

function create () {
    this.add.sprite(400, 300, 'balls', 3);
}