three.js/examples/js/loaders/ImageBitmapLoader.js

/**
 * @author thespite / http://clicktorelease.com/
 */

function detectCreateImageBitmap() {

	var url = 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVR42mNk+M9QDwADhgGAWjR9awAAAABJRU5ErkJggg==';

	return new Promise( function ( resolve, reject ) {

		if ( ! ( 'createImageBitmap' in window ) ) {

			reject();
			return;

		}

		fetch( url ).then( function ( res ) {

			return res.blob();

		} ).then( function ( blob ) {

			Promise.all( [
				createImageBitmap( blob, { imageOrientation: 'none', premultiplyAlpha: 'none' } ),
				createImageBitmap( blob, { imageOrientation: 'flipY', premultiplyAlpha: 'none' } ),
				createImageBitmap( blob, { imageOrientation: 'none', premultiplyAlpha: 'premultiply' } ),
				createImageBitmap( blob, { imageOrientation: 'flipY', premultiplyAlpha: 'premultiply' } )
			] ).then( function () {

				resolve();

			} ).catch( function () {

				reject();

			} );

		} );

	} );

}

var canUseImageBitmap = detectCreateImageBitmap();
canUseImageBitmap.then( function () {

	console.log( 'THREE.ImageBitmapLoader: createImageBitmap() supported.' );

} ).catch( function () {

	console.warn( 'THREE.ImageBitmapLoader: createImageBitmap() not supported.' );

} );


THREE.ImageBitmapLoader = function ( manager ) {

	this.manager = manager !== undefined ? manager : THREE.DefaultLoadingManager;
	this.options = {};

};

THREE.ImageBitmapLoader.prototype = {

	constructor: THREE.ImageBitmapLoader,

	setOptions: function setOptions( options ) {

		this.options = options;
		return this;

	},

	load: function load( url, onLoad, onProgress, onError ) {

		if ( url === undefined ) url = '';

		if ( this.path !== undefined ) url = this.path + url;

		var scope = this;

		var cached = THREE.Cache.get( url );

		if ( cached !== undefined ) {

			scope.manager.itemStart( url );

			setTimeout( function () {

				if ( onLoad ) onLoad( cached );

				scope.manager.itemEnd( url );

			}, 0 );

			return cached;

		}

		fetch( url ).then( function ( res ) {

			return res.blob();

		} ).then( function ( res ) {

			return createImageBitmap( res, scope.options );

		} ).then( function ( res ) {

			THREE.Cache.add( url, res );

			if ( onLoad ) onLoad( res );

			scope.manager.itemEnd( url );

		} ).catch( function ( e ) {

			if ( onError ) onError( e );

			scope.manager.itemEnd( url );
			scope.manager.itemError( url );

		} );

	}

};