New Image() in gltfLoader on worker

Mugen87 · April 3, 2025, 12:12pm

@donmccurdy Do you think we still need to explicitly test support for WebP? The detectSupport() is the one that relies on Image which isn’t supported in Workers.

github.com/mrdoob/three.js

examples/jsm/loaders/GLTFLoader.js

e06239286


      
          	detectSupport() {
          
          		if ( ! this.isSupported ) {
          
          			this.isSupported = new Promise( function ( resolve ) {
          
          				const image = new Image();
          
          				// Lossy test image. Support for lossy images doesn't guarantee support for all
          				// WebP images, unfortunately.
          				image.src = 'data:image/webp;base64,UklGRiIAAABXRUJQVlA4IBYAAAAwAQCdASoBAAEADsD+JaQAA3AAAAAA';
          
          				image.onload = image.onerror = function () {
          
          					resolve( image.height === 1 );
          
          				};
          
          			} );

This file has been truncated. show original

According to caniuse, WebP support looks excellent nowadays.

Topic		Replies	Views
Issues in loading a .glb file in a web worker Questions loaders , gltf-loader , web-worker	0	324	February 27, 2024
Texture Problem after compressing/transforming glb file with npx gltfjsx Questions gltf-loader	1	434	December 25, 2022
Ideas for loading glb models in an offscreen canvas Questions gltf-loader , webworker	0	195	February 27, 2024
Loading model via GLTFLoader with 0.133 throws CSP Error in my web plugin Questions gltf-loader	3	927	July 20, 2022
GLTFLoader: Couldn't load texture textures/body_normal.jpeg Questions gltf-loader , vue	4	2177	May 27, 2024

New Image() in gltfLoader on worker

Related topics