phaser-plugin-debug-game-scale

Shows Phaser 3 Scale Manager state

Usage no npm install needed!

<script type="module">
  import phaserPluginDebugGameScale from 'https://cdn.skypack.dev/phaser-plugin-debug-game-scale';
</script>

README

Phaser 3 Debug Game Scale Plugin

For your game scaling woes. It shows the Scale Manager state. Demo

Browser / UMD

/* global PhaserDebugGameScalePlugin */
new Phaser.Game({
    type: Phaser.CANVAS,
    plugins: {
        global: [
            { key: 'DebugGameScalePlugin', plugin: PhaserDebugGameScalePlugin, start: true }
        ]
    }
}

Module

import DebugGameScalePlugin from 'phaser-plugin-debug-game-scale'

new Phaser.Game({
    type: Phaser.CANVAS,
    plugins: {
        global: [
            { key: 'DebugGameScalePlugin', plugin: DebugGameScalePlugin, start: true }
        ]
    }
}

Quick load

// preload()
this.load.plugin('PhaserDebugGameScalePlugin', 'https://cdn.jsdelivr.net/npm/phaser-plugin-debug-game-scale@3.1.0', true)

// Console
game.scene.getScenes(true)[0].sys.load.plugin('PhaserDebugGameScalePlugin', 'https://cdn.jsdelivr.net/npm/phaser-plugin-debug-game-scale@3.1.0', true).start()