Three.js：网格底部无法显示答案

【问题标题】：Three.js: Bottom of mesh can't be displayedThree.js：网格底部无法显示
【发布时间】：2016-04-19 18:23:42
【问题描述】：

我已经使用官方转换器 (https://github.com/mrdoob/three.js/tree/master/utils/converters/obj) 将网格从 .obj 转换为 json。网格从一侧正确显示，但从另一侧显示不正确。我认为问题在于它只有一侧，基本上是一个平面，因此所有面及其法线都指向一个方向。

我该如何解决这个问题？

编辑：我可以添加两次网格，一次使用material.side = THREE.BackSide;，但加载两次对我来说似乎不是最佳选择。

【问题讨论】：

你试过material.side = THREE.DoubleSide吗？
哎呀，我没有完全忽略那个。完美运行^_^谢谢！

标签： javascript three.js

【解决方案1】：

使用WebGLRenderer 时，默认只渲染三角形图元的正面。您可以通过设置覆盖它：

material.side = THREE.DoubleSide; // or THREE.BackSide

正面由顶点的缠绕顺序决定。

如果以逆时针顺序（CCW）指定三角形顶点，则正面将面向您；如果按顺时针 (CW) 顺序指定，则正面将背对您。

可以通过WebGLRenderer.setFaceCulling() 方法更改此行为，但您可能认为没有必要这样做。

three.js r.75

【讨论】：