texImage2D：宽度或高度超出范围，chrome 24

Question

我刚刚开始研究 Three.js 提供的好东西。

现在，在尝试渲染带有纹理的球体时，我遇到了一个问题。

我创建了一个光球图像并尝试将其加载到球体上。

我正在使用构建到 Three.js 中的 WebGL 渲染器（从 GIThub 获得最新的 zip）。

有两件事让我感到困惑：

1. 包含纹理的球体在 FF 和 Safari 中都可以完美呈现，但在 Chrome (24.0.1312.52) 中则不然。
2. 当我尝试另一张图片时，来自github上的@kennydude 的示例，它在所有三个经过测试的浏览器中都有效。

我得到的 Chrome 出现问题的唯一迹象是这个警告：

WebGL：INVALID_VALUE：texImage2D：宽度或高度超出范围

我的脚本完全基于@kennydude 的例子。我一直将错误追溯到 Three.js 文件 r。55 在线 25330。这是我所能得到的。

为了让 webGL 在 Chrome 中运行，我禁用了黑名单（我的 GPU 出现在该列表中）。

有任何想法吗？任何帮助将不胜感激。

Answer 1

尝试将图像大小调整为 2 的幂，例如 4096x1024。