Making Your First Game: Part 1

The initial setup for a Phaser project, featuring the basic Game configuration and an empty Scene template.

800 × 600

class Example extends Phaser.Scene
{
    preload ()
    {
        this.load.setBaseURL('https://cdn.phaserfiles.com/v410');
    }

    create ()
    {
    }

    update ()
    {
    }
}

const config = {
    scale: { mode: Phaser.Scale.FIT },
    type: Phaser.AUTO,
    width: 800,
    height: 600,
    scene: Example
};

const game = new Phaser.Game(config);

More in Firstgame10 examples

Making your First Game: Part 5Learn how to add a physics-enabled player sprite and define animations for walking left, right, and turning using a spritesheet.

Making your first Phaser Game: Part 8Demonstrates how to collect items using physics overlaps. It features a callback function that disables star objects when they come into contact with the player.

Player Animations and CollisionDemonstrates how to add a physics-enabled player sprite, set its bounce and world boundaries, define animations using a spritesheet, and handle collisions with static platform groups.

Score and Collecting ItemsLearn how to detect overlaps between physics bodies to collect items and update a score display using Text objects.