World Time and Delta

Displays the accumulated game time and the time elapsed since the last frame (delta) using the parameters provided to the Scene update method.

800 × 600

GitHub

class Example extends Phaser.Scene
{
    timeText;

    create ()
    {
        this.timeText = this.add.text(100, 200);
    }

    update (time, delta)
    {
        this.timeText.setText(`Time: ${time}\nDelta: ${delta}`);
    }
}

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

const game = new Phaser.Game(config);

More in Timestep5 examples

Delta HistoryDisplays the history of delta time values from the game loop and demonstrates how to use delta time for smooth, frame-independent movement.

Frame Independent MovementDemonstrates how to use the delta time value in the update loop along with Phaser.Math.GetSpeed to ensure game objects move at a consistent speed regardless of the frame rate.

Split TimestepDemonstrates how to run a secondary, fixed-rate TimeStep loop alongside the main game loop to compare movement at different update frequencies.

Ticker LoopDemonstrates how to access delta time and total elapsed time from the game loop to achieve frame-independent movement.