Namespace: Events

Phaser.Loader. Events

Events


ADD

The Loader Plugin Add File Event.

This event is dispatched when a new file is successfully added to the Loader and placed into the load queue.

Listen to it from a Scene using: this.load.on('addfile', listener).

If you add lots of files to a Loader from a preload method, it will dispatch this event for each one of them.

Parameters:
Name Type Description
key string

The unique key of the file that was added to the Loader.

type string

The file type string of the file that was added to the Loader, i.e. image.

loader Phaser.Loader.LoaderPlugin

A reference to the Loader Plugin that dispatched this event.

file Phaser.Loader.File

A reference to the File which was added to the Loader.

Source: src/loader/events/ADD_EVENT.js (Line 7)

COMPLETE

The Loader Plugin Complete Event.

This event is dispatched when the Loader has fully processed everything in the load queue. By this point every loaded file will now be in its associated cache and ready for use.

Listen to it from a Scene using: this.load.on('complete', listener).

Parameters:
Name Type Description
loader Phaser.Loader.LoaderPlugin

A reference to the Loader Plugin that dispatched this event.

totalComplete integer

The total number of files that successfully loaded.

totalFailed integer

The total number of files that failed to load.

Source: src/loader/events/COMPLETE_EVENT.js (Line 7)

FILE_COMPLETE

The File Load Complete Event.

This event is dispatched by the Loader Plugin when any file in the queue finishes loading.

Listen to it from a Scene using: this.load.on('filecomplete', listener).

You can also listen for the completion of a specific file. See the FILE_KEY_COMPLETE event.

Parameters:
Name Type Description
key string

The key of the file that just loaded and finished processing.

type string

The file type of the file that just loaded, i.e. image.

data any

The raw data the file contained.

Source: src/loader/events/FILE_COMPLETE_EVENT.js (Line 7)

FILE_KEY_COMPLETE

The File Load Complete Event.

This event is dispatched by the Loader Plugin when any file in the queue finishes loading.

It uses a special dynamic event name constructed from the key and type of the file.

For example, if you have loaded an image with a key of monster, you can listen for it using the following:

this.load.on('filecomplete-image-monster', function (key, type, data) {
    // Your handler code
});

Or, if you have loaded a texture atlas with a key of Level1:

this.load.on('filecomplete-atlas-Level1', function (key, type, data) {
    // Your handler code
});

Or, if you have loaded a sprite sheet with a key of Explosion and a prefix of GAMEOVER:

this.load.on('filecomplete-spritesheet-GAMEOVERExplosion', function (key, type, data) {
    // Your handler code
});

You can also listen for the generic completion of files. See the FILE_COMPLETE event.

Parameters:
Name Type Description
key string

The key of the file that just loaded and finished processing.

type string

The file type of the file that just loaded, i.e. image.

data any

The raw data the file contained.

Source: src/loader/events/FILE_KEY_COMPLETE_EVENT.js (Line 7)

FILE_LOAD

The File Load Event.

This event is dispatched by the Loader Plugin when a file finishes loading, but before it is processed and added to the internal Phaser caches.

Listen to it from a Scene using: this.load.on('load', listener).

Parameters:
Name Type Description
file Phaser.Loader.File

A reference to the File which just finished loading.

Source: src/loader/events/FILE_LOAD_EVENT.js (Line 7)

FILE_LOAD_ERROR

The File Load Error Event.

This event is dispatched by the Loader Plugin when a file fails to load.

Listen to it from a Scene using: this.load.on('loaderror', listener).

Parameters:
Name Type Description
file Phaser.Loader.File

A reference to the File which errored during load.

Source: src/loader/events/FILE_LOAD_ERROR_EVENT.js (Line 7)

FILE_PROGRESS

The File Load Progress Event.

This event is dispatched by the Loader Plugin during the load of a file, if the browser receives a DOM ProgressEvent and the lengthComputable event property is true. Depending on the size of the file and browser in use, this may, or may not happen.

Listen to it from a Scene using: this.load.on('fileprogress', listener).

Parameters:
Name Type Description
file Phaser.Loader.File

A reference to the File which errored during load.

percentComplete number

A value between 0 and 1 indicating how 'complete' this file is.

Source: src/loader/events/FILE_PROGRESS_EVENT.js (Line 7)

POST_PROCESS

The Loader Plugin Post Process Event.

This event is dispatched by the Loader Plugin when the Loader has finished loading everything in the load queue. It is dispatched before the internal lists are cleared and each File is destroyed.

Use this hook to perform any last minute processing of files that can only happen once the Loader has completed, but prior to it emitting the complete event.

Listen to it from a Scene using: this.load.on('postprocess', listener).

Parameters:
Name Type Description
loader Phaser.Loader.LoaderPlugin

A reference to the Loader Plugin that dispatched this event.

Source: src/loader/events/POST_PROCESS_EVENT.js (Line 7)

PROGRESS

The Loader Plugin Progress Event.

This event is dispatched when the Loader updates its load progress, typically as a result of a file having completed loading.

Listen to it from a Scene using: this.load.on('progress', listener).

Parameters:
Name Type Description
progress number

The current progress of the load. A value between 0 and 1.

Source: src/loader/events/PROGRESS_EVENT.js (Line 7)

START

The Loader Plugin Start Event.

This event is dispatched when the Loader starts running. At this point load progress is zero.

This event is dispatched even if there aren't any files in the load queue.

Listen to it from a Scene using: this.load.on('start', listener).

Parameters:
Name Type Description
loader Phaser.Loader.LoaderPlugin

A reference to the Loader Plugin that dispatched this event.

Source: src/loader/events/START_EVENT.js (Line 7)