javascript - Three.js - 形状在另一面消失

Question

我画了一个圆圈，如下:

material = new THREE.MeshBasicMaterial({ color: 0x00ff00 });
arcShape = new THREE.Shape();
arcShape.absarc( 0, 0, 20, 0, -Math.PI*2, true );
geometry = arcShape.makeGeometry();
circle = new THREE.Mesh(geometry, material);
scene.add(circle);

这样，就可见了。但旋转它，它就会消失。

shadow.rotation.x = Math.PI / 2;

我看到其他几个帖子都没有解决这个问题。 (因此，除非有人有解决方案，否则我将改用制作扁平圆柱体。这只是一个棘手的问题)。

我设置了 mesh.doubleSided = true 和 mesh.flipSided = false。我还尝试了切换渲染器的深度测试和 Material 的深度写入属性的所有 4 种组合。

还有什么我可以尝试的吗？如果没有，我猜代码对我的一些调用的顺序很敏感，在这种情况下，我已经度过了漫长的一天，所以我会坚持使用圆柱体!!

Answer 1

material.side = THREE.DoubleSide;