错误的光照贴图渲染

Question

我在理解光照贴图功能的工作原理时遇到了一些问题。我使用Runtime World（一个编辑器）来生成一个世界，但是当我在 Three.js 中加载我的世界时，如果我的光照贴图有任何颜色，我会得到一种奇怪的闪电（当我的所有灯光都是白色时它工作正常）。

例如，这里是壁炉在编辑器中的样子：

这就是 Three.js 呈现的内容：

壁炉光照贴图如下所示：

出了点问题，但在哪里？ Runtime World 是否导出了错误的光照贴图（如果是，那么光照贴图应该是什么样子？）？还是three.js渲染的结果不对？

Answer 1

知道了。编辑器中漂亮的光照贴图使用浮点纹理，我的代码通过将纹理转换为仅整数来加载纹理。我需要做的是解决这个问题：

• 启用对 OES_texture_float 和 OES_texture_float_linear 扩展的支持
• 使用THREE.DataTexture 而不是THREE.Texture（这样我就可以使用THREE.FloatType）