three.js - 错误的光照贴图渲染

Question

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

例如，壁炉在编辑器中的外观如下:

这是 Three.js 渲染的内容:

壁炉光照贴图如下所示:

出了什么问题，但是哪里出了问题？运行时世界是否导出了错误的光照贴图(如果是这样，那么光照贴图应该是什么样子？)？或者是 Three.js 渲染了错误的结果？

Answer 1

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

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