three.js - 环境遮挡未在three.js中显示

Question

我在 three.js 中使用 MeshStandardMaterial，当我创建和应用 Material 时，除了 aoMap 之外，所有贴图都可以正常工作，它对该模型。我怀疑这是因为我没有第二组 UV(我的 UV 展开是通过 Blender 完成的，我根本没有在 three.js 中手动应用任何 UV)，如 documentation说:

The red channel of this texture is used as the ambient occlusion map. Default is null. The aoMap requires a second set of UVs, and consequently will ignore the repeat and offset Texture properties.

我已经尝试使用下面的代码来解决这个问题:

var geometry = mesh.geometry;
geometry.addAttribute( 'uv2', new THREE.BufferAttribute( geometry.attributes.uv.array, 2 ) );

但没有运气。如何将我的 UV 贴图复制到 uv2 属性，或任何需要使环境光遮蔽起作用的地方？

Answer 1

安aoMap是一个环境光遮蔽贴图，正如它的名字所说，它会遮蔽环境光。这就是它所遮挡的全部内容。

目前在 three.js 中有三种环境(或间接)光源:AmbientLight , HemiSphereLight , 和 LightMap .

所以 aoMap屏蔽这三个来源。它不会遮挡直接光源。直接光源包括DirectionalLight , SpotLight , PointLight , 和 AreaLight .

three.js r.95