Basic Text Creation

Demonstrates the simplest way to add and display a text string at specific coordinates in a scene.

800 × 600

class Example extends Phaser.Scene
{
    create ()
    {
        const t = this.add.text(100, 100, 'Phaser');

        console.log(t);
    }
}

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 Text29 examples

Change TextDemonstrates how to update the string content of a Text object dynamically using both the text property and the setText method.

Create Text from ConfigurationDemonstrates how to create and style a Text Game Object by passing a configuration object to the Scene Maker.

Custom Webfonts via WebFont LoaderDemonstrates how to dynamically inject CSS @font-face rules into the document and use the WebFont Loader to ensure custom fonts are ready before rendering Text objects.

Emojis in TextDemonstrates how to render emojis within a Text Game Object using emoji characters directly or Unicode escape sequences.