Script tag loader

Introduction¶

Load script tag in preload stage.

Author: Rex
Custom File of loader

Usage¶

Install plugin¶

Load minify file¶

Load plugin (minify file) in preload stage

var sceneConfig = {
    // ....
    pack: {
        files: [{
            type: 'plugin',
            key: 'rexscripttagloaderplugin',
            url: 'https://raw.githubusercontent.com/rexrainbow/phaser3-rex-notes/master/dist/rexscripttagloaderplugin.min.js',
            start: true
        }]
    }
};
class MyScene extends Phaser.Scene {
    constructor() {
        super(sceneConfig)
    }
    // ....

    preload() {
        // rexscripttagloaderplugin will be installed before preload(), but not added to loader yet
        // Call addToScene(scene) to add this await loader to loader of this scene
        this.plugins.get('rexscripttagloaderplugin').addToScene(this);

        this.load.rexScriptTag(url);
    }
}

Import plugin¶

Install rex plugins from npm
```
npm i phaser3-rex-plugins
```

Install plugin in configuration of game

import ScriptTagLoaderPlugin from 'phaser3-rex-plugins/plugins/scripttagloader-plugin.js';
var config = {
    // ...
    plugins: {
        global: [{
            key: 'rexScriptTagLoader',
            plugin: ScriptTagLoaderPlugin,
            start: true
        },
        // ...
        ]
    }
    // ...
};
var game = new Phaser.Game(config);

In preload stage
```
scene.load.rexScriptTag(url);
```

Import class¶

Install rex plugins from npm
```
npm i phaser3-rex-plugins
```

Import class

import ScriptTagLoader from 'phaser3-rex-plugins/plugins/scripttagloader.js';

Start loading task

ScriptTagLoader.call(scene.load, url);
// ScriptTagLoader.call(scene.load, url, availableTest);

Load script tag¶

In preload stage:

this.load.rexScriptTag(url);
// this.load.rexScriptTag(url, availableTest);

or

this.load.rexScriptTag({
    url: url,
    availableTest: undefined
});

availableTest : Callback invoked after loading script tag, optional.
```
function() {        
    return true;
}
```
- Wait until availableTest return true.

Compare with script loader¶

Built-in script loader uses AJAX to load text as script, which might have CORS issue.
Script tag loader uses <script> tag to load script.