Three.jsを使用して、回転する平面を作成しました。何らかの理由で、飛行機は半分の時間表示されません。ここで、動作を示すフィドルを作成しました。
2 に答える
これは、Three.js リビジョン r50 でわずかに変更されていることに注意してください。プレーンの両側をレンダリングするside
には、マテリアルのプロパティを使用します。つまり、
plane.material.side = THREE.DoubleSide;
詳しくはこちらをご覧ください。
飛行機の背面がレンダリングされないため、表示されません(または、より適切に言えば、飛行機にはデフォルトで背面がありません。補足として、これに関する背面カリングを見てください。これは問題ではありませんが場合によっては、レンダリングについて少し洞察が得られるかもしれません)。
Three.jsは、裏面をレンダリングする非常に簡単な方法を提供します。
Three.jsの場合-r49以下:
あなたがする必要があるdoubleSided
のはあなたのplane-Objectの--プロパティをtrueに設定することだけです。
plane.doubleSided = true;
新しいバージョンの場合-r50以降
新しいリビジョンでは、donnyBがすでに彼の回答で正しく述べているように、プロパティはObject3D
-オブジェクトから-オブジェクトに移動されたMaterial
ため、次のように少し異なる設定を行う必要があります。
plane.material.side = THREE.DoubleSide;
また、フィドルを編集して表示します:http: //jsfiddle.net/VsWb9/1084/
Three.jsを使用しています-r50より新しいバージョンで、プロパティは35行目に設定されています