mirror of
https://github.com/photonstorm/phaser
synced 2024-11-10 07:04:31 +00:00
feat: add image load type
This commit is contained in:
parent
5c8ecbcf99
commit
c1e73c3c2f
4 changed files with 77 additions and 1 deletions
|
@ -518,6 +518,11 @@ var Config = new Class({
|
|||
*/
|
||||
this.loaderWithCredentials = GetValue(config, 'loader.withCredentials', false);
|
||||
|
||||
/**
|
||||
* @const {string} Phaser.Core.Config#loaderImageLoadType - Optional load type for image, `XHR` is default, or `HTMLImageElement` for a lightweight way.
|
||||
*/
|
||||
this.loaderImageLoadType = GetValue(config, 'loader.imageLoadType', 'XHR');
|
||||
|
||||
/*
|
||||
* Allows `plugins` property to either be an array, in which case it just replaces
|
||||
* the default plugins like previously, or a config object.
|
||||
|
|
|
@ -206,7 +206,15 @@ var LoaderPlugin = new Class({
|
|||
* @since 3.0.0
|
||||
*/
|
||||
this.crossOrigin = GetFastValue(sceneConfig, 'crossOrigin', gameConfig.loaderCrossOrigin);
|
||||
|
||||
|
||||
/**
|
||||
* Optional load type for image, `XHR` is default, or `HTMLImageElement` for a lightweight way.
|
||||
*
|
||||
* @name Phaser.Loader.LoaderPlugin#imageLoadType
|
||||
* @type {string}
|
||||
*/
|
||||
this.imageLoadType = GetFastValue(sceneConfig, 'imageLoadType', gameConfig.loaderImageLoadType);
|
||||
|
||||
/**
|
||||
* The total number of files to load. It may not always be accurate because you may add to the Loader during the process
|
||||
* of loading, especially if you load a Pack File. Therefore this value can change, but in most cases remains static.
|
||||
|
|
|
@ -10,6 +10,7 @@ var File = require('../File');
|
|||
var FileTypesManager = require('../FileTypesManager');
|
||||
var GetFastValue = require('../../utils/object/GetFastValue');
|
||||
var IsPlainObject = require('../../utils/object/IsPlainObject');
|
||||
var GetURL = require('../GetURL');
|
||||
|
||||
/**
|
||||
* @classdesc
|
||||
|
@ -84,6 +85,14 @@ var ImageFile = new Class({
|
|||
|
||||
loader.addFile(normalMap);
|
||||
}
|
||||
|
||||
this.useImageElementLoad = loader.imageLoadType === 'HTMLImageElement';
|
||||
|
||||
if (this.useImageElementLoad)
|
||||
{
|
||||
this.load = this.loadImage;
|
||||
this.onProcess = this.onProcessImage;
|
||||
}
|
||||
},
|
||||
|
||||
/**
|
||||
|
@ -120,6 +129,56 @@ var ImageFile = new Class({
|
|||
File.createObjectURL(this.data, this.xhrLoader.response, 'image/png');
|
||||
},
|
||||
|
||||
onProcessImage: function ()
|
||||
{
|
||||
var result = this.state;
|
||||
|
||||
this.state = CONST.FILE_PROCESSING;
|
||||
|
||||
if (result === CONST.FILE_LOADED)
|
||||
{
|
||||
this.onProcessComplete();
|
||||
}
|
||||
else
|
||||
{
|
||||
this.onProcessError();
|
||||
}
|
||||
},
|
||||
|
||||
loadImage: function ()
|
||||
{
|
||||
this.state = CONST.FILE_LOADING;
|
||||
|
||||
this.src = GetURL(this, this.loader.baseURL);
|
||||
|
||||
if (this.src.indexOf('data:') === 0)
|
||||
{
|
||||
console.warn('Local data URIs are not supported: ' + this.key);
|
||||
}
|
||||
else
|
||||
{
|
||||
this.data = new Image();
|
||||
|
||||
this.data.crossOrigin = this.crossOrigin;
|
||||
|
||||
var _this = this;
|
||||
|
||||
this.data.onload = function ()
|
||||
{
|
||||
_this.state = CONST.FILE_LOADED;
|
||||
|
||||
_this.loader.nextFile(_this, true);
|
||||
}
|
||||
|
||||
this.data.onerror = function ()
|
||||
{
|
||||
_this.loader.nextFile(_this, false);
|
||||
}
|
||||
|
||||
this.data.src = this.src;
|
||||
}
|
||||
},
|
||||
|
||||
/**
|
||||
* Adds this file to its target cache upon successful loading and processing.
|
||||
*
|
||||
|
|
4
types/phaser.d.ts
vendored
4
types/phaser.d.ts
vendored
|
@ -60220,6 +60220,10 @@ declare namespace Phaser {
|
|||
* Optional XHR timeout value, in ms.
|
||||
*/
|
||||
timeout?: number;
|
||||
/**
|
||||
* Optional load type for image, `XHR` is default, or `HTMLImageElement` for a lightweight way.
|
||||
*/
|
||||
imageLoadType?: string;
|
||||
};
|
||||
|
||||
type MouseInputConfig = {
|
||||
|
|
Loading…
Reference in a new issue