Three.js: SMAAPass：纹理标记为更新，但图像不完整

创建于 2018-10-29 · 4评论 · 资料来源: mrdoob/three.js

问题描述

使用SMAAPass时，会记录警告：
THREE.WebGLRenderer: Texture marked for update but image is incomplete
发生此警告的原因是Image.complete为false，设置Image.complete它看起来像是异步的。

如果可能的话，还请提供一个实例。您可以从以下模板开始：

Three.js版本

[]开发
[x] r97
[] ...

浏览器

[x]全部
[ ] 铬合金
[]火狐
[ ] IE浏览器

作业系统

[x]全部
[] Windows
[ ] 苹果系统
[] Linux
[ ] 安卓
[] iOS

硬件要求（图形卡，VR设备等）

Bug

资料来源

cnsdato

最有用的评论

在我看来，这似乎是一种骇客。请考虑更常规的模式：

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

var texture = new THREE.Texture( image );

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

WestLangley 于 2018-10-29

👍2 ❤1

所有4条评论

你是对的。一个简单的修复可能类似于以下代码部分。理想情况下，它将放置在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 );

您想对这些更改进行公关吗？

Mugen87 于 2018-10-29

在我看来，这似乎是一种骇客。请考虑更常规的模式：

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

var texture = new THREE.Texture( image );

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

WestLangley 于 2018-10-29

👍2 ❤1

确实，那更好nice

Mugen87 于 2018-10-29

我将其更改为onload回调。

cnsdato 于 2018-10-29

此页面是否有帮助？

0 / 5 - 0 等级