Three.js: SMAAPass : 텍스처가 업데이트로 표시되었지만 이미지가 불완전합니다.

네가 옳아. 간단한 수정은 다음 코드 섹션과 같습니다. 이상적으로는 SMAAPass 에서이 줄 뒤에 위치합니다.

var self = this;

setTimeout( function () {

        // assigning data to HTMLImageElement.src is asynchronous (see #15162)
        // using setTimeout() avoids the warning "Texture marked for update but image is incomplete"

    self.searchTexture.needsUpdate = true;
    self.areaTexture.needsUpdate = true;

}, 0 );

변경 사항으로 PR을 하시겠습니까?

그것은 나에게 해킹처럼 보입니다. 보다 일반적인 패턴을 고려하십시오.

var image = new Image();
image.src = dataURL;

var texture = new THREE.Texture( image );

image.onload = function () {
    texture.needsUpdate = true;
};

사실, 그게 더 좋습니다 👍

onload 콜백으로 변경하겠습니다.