3d - three.js- 镜像(翻转)后的模型无法正确呈现

3d - three.js- 镜像(翻转)后的模型无法正确呈现,第1张

我已将两个* .obj模型加载到我的应用程序中。它们是相同的,除了事实上,其中一个是从另一个“镜像”的。 3d - three.js- 镜像(翻转)后的模型无法正确呈现,enter image description here,第2张

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

当你仔细观察时,你会发现门把手没有正确渲染。3d - three.js- 镜像(翻转)后的模型无法正确呈现,enter image description here,第3张

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

我使用three.js渲染它们。

最佳答案:

1 个答案:

答案 0 :(得分:2)

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

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

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

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

本文经用户投稿或网站收集转载,如有侵权请联系本站。

发表评论

0条回复