Sliding Puzzle Game

A complete sliding tile puzzle demonstrating dynamic texture slicing, interactive tile movement, a custom shuffle algorithm to ensure solvability, and WebGL shader effects for transitions.

Sliding Puzzle Game, running
1024 × 768
GitHub
import Game from './Game.js';
import MainMenu from './MainMenu.js';
import Preloader from './Preloader.js';
import FilterShine from './FilterShine.js';
import FilterWipe from './FilterWipe.js';

const config = {
    scale: { mode: Phaser.Scale.FIT },
    type: Phaser.AUTO,
    width: 1024,
    height: 768,
    backgroundColor: '#002157',
    parent: 'game-container',
    scene: [ Preloader, MainMenu, Game ],
    renderNodes: {
        FilterShine: FilterShine.Filter,
        FilterWipe: FilterWipe.Filter
    }
};

let game = new Phaser.Game(config);

More in Games12 examples