three.js - 镜像（翻转）后的模型无法正确呈现

Question

我已将两个* .obj模型加载到我的应用程序中。它们是相同的，除了事实上，其中一个是从另一个“镜像”的。

图片编号1表示原始模型，图片编号2表示镜像图像。问题发生在第二个问题上。

当你仔细观察时，你会发现门把手没有正确渲染。

为什么会这样？在Blender中他们两个看起来都很好。

我使用three.js渲染它们。

Answer 1

看起来像Blender中的镜像也会翻转网格的面。仔细观察，您可以看到它不仅仅是门把手，它在模型的各处。

您可以使用material.side = THREE.BackSide;或THREE.DoubleSide更改素材来补偿这一点。

另一个解决方案是通过在要镜像的轴上设置负刻度来在Three.js中镜像模型。你想在X轴上翻转我猜，然后这样做： mesh.scale.set( -1, 1, 1 );

编辑：在应用负尺度时，请考虑West Langley在以下注释中发出的警告。