Arcade Physics Sprite in Container

Demonstrates how Arcade Physics bodies interact when nested inside a Container, featuring collision detection, velocity, and world bounds between standard sprites and containerized ones.

800 × 600

GitHub

class Example extends Phaser.Scene
{
    sprite2;
    sprite1;

    preload ()
    {
        this.load.setBaseURL('https://cdn.phaserfiles.com/v410');
        this.load.image('mushroom', 'assets/sprites/mushroom2.png');
    }

    create ()
    {
        this.sprite1 = this.add.image(600, 100, 'mushroom');
        this.physics.world.enable([ this.sprite1 ]);
        this.sprite1.body.setVelocity(-100, 200).setBounce(1, 1).setCollideWorldBounds(true);

        this.sprite2 = this.add.image(0, 0, 'mushroom');
        this.physics.world.enable([ this.sprite2 ]);
        this.sprite2.body.setVelocity(100, 200).setBounce(1, 1).setCollideWorldBounds(true);

        const container = this.add.container(200, 50, [ this.sprite2 ]);
    }

    update ()
    {
        this.physics.world.collide(this.sprite1, this.sprite2);
    }
}

const config = {
    scale: { mode: Phaser.Scale.FIT },
    type: Phaser.AUTO,
    width: 800,
    height: 600,
    backgroundColor: '#010101',
    parent: 'game-container',
    physics: {
        default: 'arcade',
        arcade: {
            gravity: { y: 200 },
            debug: true
        }
    },
    scene: Example
};

const game = new Phaser.Game(config);

More in Container52 examples

Arcade Physics with ContainersDemonstrates how to apply an Arcade Physics body to a Container. It highlights the importance of manually setting the container size before enabling physics to ensure the body correctly matches the grouped sprites.

Camera and Container Transform TestDemonstrates how nested transformations inside a Container interact with Camera properties like zoom, rotation, and scroll while maintaining accurate input detection.

Character Assembly with ContainersDemonstrates how to build a complex character by adding multiple individual sprite parts from a texture atlas into a single Container.

Container AlphaDemonstrates how setting the alpha transparency on a Container affects all of its children simultaneously, even when children have their own individual alpha values.