Three.js:平面只有一半的时间可见

时间:2012-06-04 23:04:07

标签: javascript three.js

我使用Three.js创建了一个旋转的平面。由于某种原因,飞机没有显示一半的时间。我创建了一个显示行为的小提琴here

2 个答案:

答案 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行