Pointer Debug

Display real-time properties of the active pointer, including position, midpoint, velocity, and movement deltas.

Pointer Debug, running
800 × 600
GitHub
class Example extends Phaser.Scene
{
    text;

    preload ()
    {
        this.load.setBaseURL('https://cdn.phaserfiles.com/v410');
        this.load.spritesheet('balls', 'assets/sprites/balls.png', { frameWidth: 17, frameHeight: 17 });
    }

    create ()
    {
        this.text = this.add.text(10, 10, 'Move the mouse', { font: '16px Courier', fill: '#00ff00' });
    }

    update ()
    {
        const pointer = this.input.activePointer;

        this.text.setText([
            `x: ${pointer.x}`,
            `y: ${pointer.y}`,
            `mid x: ${pointer.midPoint.x}`,
            `mid y: ${pointer.midPoint.y}`,
            `velocity x: ${pointer.velocity.x}`,
            `velocity y: ${pointer.velocity.y}`,
            `movementX: ${pointer.movementX}`,
            `movementY: ${pointer.movementY}`
        ]);
    }
}

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

const game = new Phaser.Game(config);

More in Pointer12 examples