Snake Game: Part 1 - Asset Loading

Initial setup for a Snake game, including game configuration and preloading image assets for the food and snake body.

640 × 480

class Example extends Phaser.Scene
{
    preload ()
    {
        this.load.setBaseURL('https://cdn.phaserfiles.com/v410');
        this.load.image('food', 'assets/games/snake/food.png');
        this.load.image('body', 'assets/games/snake/body.png');
    }

    create ()
    {
    }

    update (time, delta)
    {
    }
}

const config = {
    scale: { mode: Phaser.Scale.FIT },
    type: Phaser.WEBGL,
    width: 640,
    height: 480,
    backgroundColor: '#bfcc00',
    parent: 'game-container',
    scene: Example
};

const game = new Phaser.Game(config);

More in Snake7 examples

Snake Part 2 - Movement and WrappingImplement grid-based movement with timed updates, screen wrapping, and directional controls that prevent reversing direction.

Snake Part 3: Movement and Screen WrappingDemonstrates grid-based snake movement with input validation to prevent 180-degree turns, screen wrapping via Phaser.Math.Wrap, and body segment tracking using Phaser.Actions.ShiftPosition.

Snake Part 4: Growth and Food CollisionImplementation of snake movement with grid-based screen wrapping, food collection, and growing the snake body using group actions.

Snake Part 5: Food and GrowthThis example demonstrates implementing food consumption and snake growth mechanics, including speed increases and tail management using Phaser.Actions.ShiftPosition.