Loading External Plugins

This example demonstrates how to load an external JavaScript plugin file during the preload phase and access its custom methods within a Scene.

800 × 600

GitHub

class Example extends Phaser.Scene
{
    preload ()
    {
        this.load.setBaseURL('https://cdn.phaserfiles.com/v410');
        this.load.plugin('RandomNamePlugin', 'assets/loader-tests/RandomNamePlugin.js', true);
    }

    create ()
    {
        let plugin = this.plugins.get('RandomNamePlugin');

        let names = plugin.getNames(10);

        this.add.text(10, 10, names, { font: '16px Courier', fill: '#00ff00' });
    }
}

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

let game = new Phaser.Game(config);

More in Plugins17 examples

Multiple Global Plugin InstancesDemonstrates how to start and manage multiple independent instances of the same global plugin class using the Plugin Manager, allowing for separate configurations and states.

Rendering FIGlet Fonts with SpritesDemonstrates how to manually parse a FIGlet (.flf) font file and render text by positioning sprites based on the ASCII character data.

Scene Plugin Dynamic Fractal CanvasDemonstrates how to create a custom Scene Plugin that renders an animated Julia set fractal onto a dynamic canvas texture. The example shows how to map the plugin to a Scene property and animate its internal variables using tweens.

Scene Plugin LoaderDemonstrates how to dynamically load an external Scene Plugin and access its functionality via a custom property on the Scene.