错误的光照贴图渲染

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）