Three.js: GLTFLoader ImageBitmapLoader가 처리 할 수없는 유형의 로더를 재정의합니다.

문제에 대한 설명

최근 GLFTLoader (https://github.com/mrdoob/three.js/pull/19518)에 BitmapLoader 사용이 추가 되었기 때문에 특정 파일 형식에 대한 처리기를 사용하면 BitmapLoader에서 덮어 쓰기됩니다.

r117에서 gltf 파일에 대한 기본 텍스처를 지원하려면 다음을 추가하기 만하면됩니다.

var basisLoader = new BasisTextureLoader();
basisLoader.setTranscoderPath( 'js/libs/basis/' );
basisLoader.detectSupport( renderer );
THREE.DefaultLoadingManager.addHandler( /\.basis$/, basisLoader );

https://github.com/mrdoob/three.js/blob/7df06a0e4054247f87a7b5aa555ca97cd6b15662/examples/jsm/loaders/GLTFLoader.js#L2077-L2093에서 해결을 덮어 쓰므로 더 이상 불가능

다음과 같은 오류가 발생합니다.

THREE.WebGLState: TypeError: Failed to execute 'texImage2D' on 'WebGL2RenderingContext': No function was found that matched the signature provided.
    at Object.texImage2D (three.module.js:21828)
    at uploadTexture (three.module.js:22749)
    at setTexture2D (three.module.js:22274)
    at WebGLTextures.safeSetTexture2D (three.module.js:23169)
    at SingleUniform.setValueT1 [as setValue] (three.module.js:17755)
    at Function.WebGLUniforms.upload (three.module.js:18260)
    at setProgram (three.module.js:26406)
    at WebGLRenderer.renderBufferDirect (three.module.js:25441)
    at renderObject (three.module.js:25994)
    at renderObjects (three.module.js:25966)

• 데모
• 암호

Three.js 버전

• [x] 개발자
• [x] r118
• [] r117

브라우저

• [] 모두
• [x] 크롬
• [] Firefox
• [] 가장자리

OS

• [x] 모두
• [] Windows
• [ ] 맥 OS
• [] Linux
• [] Android
• [] iOS

하드웨어 요구 사항 (그래픽 카드, VR 장치 등)