Physics Body Without Sprite

class PhysicsBob extends Phaser.GameObjects.Bob
{
    constructor (blitter, x, y, frame, visible, body)
    {
        super(blitter, x, y, frame, visible);

        this.body = body;

        //  The physics body needs access to the follow properties,
        //  which a Blittle Bob doesn't have by default, so we add them here:
        this.scaleX = 1;
        this.scaleY = 1;
        this.angle = 0;
        this.rotation = 0;
        this.originX = 0;
        this.originY = 0;
        this.displayOriginX = 0;
        this.displayOriginY = 0;
    }

    get width ()
    {
        return this.frame.realWidth;
    }

    get height ()
    {
        return this.frame.realHeight;
    }
}

class Example extends Phaser.Scene
{
    constructor ()
    {
        super();
    }

    preload ()
    {
        this.load.setBaseURL('https://cdn.phaserfiles.com/v355');
        this.load.image('player', 'assets/sprites/ship.png');
        this.load.atlas('atlas', 'assets/atlas/megaset-0.png', 'assets/atlas/megaset-0.json');
    }

    create ()
    {
        this.textureFrames = [ '32x32', 'aqua_ball', 'asteroids_ship', 'block', 'blue_ball', 'bsquadron1', 'carrot', 'eggplant', 'flectrum', 'gem', 'ilkke', 'maggot', 'melon', 'mushroom', 'onion', 'orb-blue', 'orb-green', 'orb-red', 'pepper', 'phaser1', 'pineapple', 'slime', 'space-baddie', 'spinObj_01', 'spinObj_02', 'spinObj_03', 'splat' ];

        this.blitter = this.add.blitter(0, 0, 'atlas');

        const player = this.physics.add.image(400, 500, 'player');

        //  This array contains all the enemy sprites which are currently active and moving
        this.active = [];

        //  Create a pool of 100 physics bodies.

        //  To achieve this, we need a dummy Game Object they can pull default values from.

        this.pool = [];

        const dummy = this.add.image();
        const world = this.physics.world;

        for (let i = 0; i < 100; i++)
        {
            const body = new Phaser.Physics.Arcade.Body(world, dummy);

            this.pool.push(body);
        }

        //  Every 100ms we'll release an enemy
        this.time.addEvent({ delay: 100, callback: () => this.releaseEnemy(), loop: true });

        //  Let the player move the ship with the mouse
        this.input.on('pointermove', pointer => {

            player.x = pointer.worldX;
            player.y = pointer.worldY;

        });
    }

    update ()
    {
        this.checkEnemyBounds();
    }

    checkEnemyBounds ()
    {
        const world = this.physics.world;

        //  Check which enemies have left the screen
        for (let i = this.active.length - 1; i >= 0; i--)
        {
            const enemy = this.active[i];

            if (enemy.y > 600 + enemy.height)
            {
                //  Recycle this body
                const body = enemy.body;

                //  Remove it from the internal world trees
                world.disableBody(body);

                //  Clear the gameObject references
                body.gameObject = undefined;

                //  Put it back into the pool
                this.pool.push(body);

                //  Nuke the sprite
                enemy.body = undefined;
                enemy.destroy();

                //  Remove it from the active array
                this.active.splice(i, 1);

                //  ^^^ technically, you wouldn't ever destroy the sprite, but instead
                //  put them back into their own pools for later re-use, otherwise there's no
                //  point recycling the physics bodies!
            }
        }
    }

    releaseEnemy ()
    {
        const pool = this.pool;

        const body = pool.pop();

        const x = Phaser.Math.Between(0, 800);
        const y = Phaser.Math.Between(-1200, -300);
        const frame = this.blitter.texture.get(Phaser.Utils.Array.GetRandom(this.textureFrames));

        const enemy = new PhysicsBob(this.blitter, x, y, frame, true, body);

        this.blitter.children.add(enemy);

        this.blitter.dirty = true;

        //  Link the sprite to the body - this property doesn't exist
        body.gameObject = enemy;

        //  We need to do this to give the body the frame size of the sprite
        body.setSize()

        //  Insert the body back into the physics world
        this.physics.world.add(body);

        //  Give it some velocity
        body.setVelocity(0, Phaser.Math.Between(200, 500));

        //  Add to our active pool
        this.active.push(enemy);
    }
}

const config = {
    type: Phaser.AUTO,
    width: 800,
    height: 600,
    parent: 'phaser-example',
    physics: {
        default: 'arcade',
        arcade: {
            debug: true,
            debugShowVelocity: false
        }
    },
    scene: Example
};

const game = new Phaser.Game(config);
                        

                                                                                                       Copy
                            
                                
                                    
                                Expand