我使用Three.js创建了一个旋转的平面。由于某种原因,飞机没有显示一半的时间。我创建了一个显示行为的小提琴here。
答案 0 :(得分:39)
请注意,这在Three.js修订版r50中略有改变。渲染平面的两侧可以通过材料上的side
属性来实现,即
plane.material.side = THREE.DoubleSide;
查看here了解更多详情。
答案 1 :(得分:15)
它是不可见的,因为平面的背面没有被渲染(或更好地说,平面没有默认的背面。在侧面注释,看看backface-culling关于此。虽然它是在这种情况下不是问题,它可能会给你一些关于渲染的见解。
Three.js确实为您提供了一种非常简单的渲染背景的方法。
在Three.js中 - r49及以下:
您需要做的就是将您的plane-Object的doubleSided
- 属性设置为true。
plane.doubleSided = true;
对于较新版本 - r50及以上
在较新的版本中,正如donnyB已经在他的回答中正确说明的那样,该属性已从Object3D
- 对象移动到Material
- 对象,因此您需要将其设置为略有不同,像这样:
plane.material.side = THREE.DoubleSide;
还编辑了你的小提琴,告诉你:http://jsfiddle.net/VsWb9/1084/
它使用的是Three.js - 比r50更新的版本,属性设置在第35行