Group Create Multiple Keys

Demonstrates how to populate a Group with multiple texture keys and frames simultaneously using the createMultiple method, including options for random frame selection and quantities.

800 × 600

GitHub

class Example extends Phaser.Scene
{
    preload ()
    {
        this.load.setBaseURL('https://cdn.phaserfiles.com/v410');
        this.load.spritesheet('diamonds', 'assets/sprites/diamonds32x24x5.png', { frameWidth: 32, frameHeight: 24 });
        this.load.spritesheet('veg', 'assets/sprites/fruitnveg32wh37.png', { frameWidth: 32, frameHeight: 32 });
    }

    create ()
    {
        const group = this.add.group();

        // group.createMultiple({ key: ['diamonds', 'veg'], frame: [0,1,2,3,4] });
        // group.createMultiple({ key: ['diamonds', 'veg'], frame: [0,1,2,3,4], repeat: 1 });
        // group.createMultiple({ key: ['diamonds', 'veg'], frame: [0,1,2], frameQuantity: 3 });
        // group.createMultiple({ key: ['diamonds', 'veg'], frame: [0,1,2], frameQuantity: 2, repeat: 1 });
        // group.createMultiple({ key: ['diamonds', 'veg'], frame: [0,1,2,3,4], randomKey: true });
        // group.createMultiple({ key: ['diamonds', 'veg'], frame: [0,1,2,3,4], randomFrame: true });
        group.createMultiple({ key: [ 'diamonds', 'veg' ], frame: [ 0,1,2,3,4 ], randomFrame: true, frameQuantity: 2 });

        // group.createMultiple({ key: ['diamonds', 'veg'], frame: [0,1,2,3,4], randomKey: true, frameQuantity: 2 });
        // group.createMultiple({ key: ['diamonds', 'veg'], frame: [0,1,2,3,4], yoyo: true });
        // group.createMultiple({ key: ['diamonds', 'veg'], frame: [0,1,2], frameQuantity: 2, yoyo: true });
        // group.createMultiple({ key: ['diamonds', 'veg'], frame: [0,1,2,3], repeat: 4, max: 15 });

        Phaser.Actions.SetXY(group.getChildren(), 32, 100, 32);
    }
}

const config = {
    scale: { mode: Phaser.Scale.FIT },
    type: Phaser.AUTO,
    width: 800,
    height: 600,
    backgroundColor: '#2d2d2d',
    parent: 'game-container',
    scene: Example
};

const game = new Phaser.Game(config);

More in Group15 examples

Group Rotation StepDemonstrates how to apply an incremental rotation to group members during creation using the setRotation step property.

Group Set ScaleDemonstrates how to use the Group configuration object to initialize multiple sprites with specific scale values and incremental scale steps.

Group setXY ConfigurationDemonstrates how to use the setXY property in a Group configuration to position multiple sprites with incremental horizontal spacing.

Group setXY ConfigurationDemonstrates how to use the setXY property when creating a Group to automatically position sprites with optional horizontal and vertical stepping.