无法通过 DataTexture 加载 Uint8Array 图像？

Question

我正在使用 DataTexture 加载 Uint8Array Image (download link)，这里是我的代码：

var map = new THREE.DataTexture( data, 128, 128, THREE.RGBFormat );
map.needsUpdate = true;
material.needsUpdate = true;
material.map = map; 

但是纹理是黑色的并且收到这些错误：

在 Firefox 中：

Error: WebGL: texImage2D: not enough data for operation (need 49152, have 5210)
Error: WebGL: generateMipmap: Level zero of texture is not defined.

在 Chrome 中：

WebGL: INVALID_OPERATION: texImage2D: ArrayBufferView not big enough for request

有什么建议可以让它工作吗？

谢谢。

（我尝试将 Uint8Array Image 转换为 Data64 并加载到漫反射贴图 ok，但我不想使用这种方式，因为我试图从 Chrome F12 的网络选项卡中隐藏纹理，使用 data64 将显示纹理...）

Answer 1

我看到 three.js 在内部调用了 THREE.Texture 并且 DataTexture 是它的包装器。其原因可能是数据已损坏，因为纹理 3 会从 data64 获得某些东西，这就是您使用 data64 获得正确显示的原因。