ThreeJSのプレーンテレイン

Question

ThreeJSを使用して平面の地形を描画しようとしていますが、動作しません。

var plane = new THREE.Mesh(new THREE.PlaneGeometry(300, 300), new THREE.MeshBasicMaterial({ 
     color: 0x0000ff 
    })); 
plane.overdraw = true; 
this.scene.add(plane); 

かなりストレートフォワード：

は、ここに私の飛行機を作成するコードです。実際に私はちょうどそれをいくつかのサイトからコピーしました。

これは私がシーンとカメラを初期化する方法である：

this.camera = 
     new THREE.PerspectiveCamera(
     45, // view angle 
     width/height, // aspect 
     0.1, // near 
     10000); // far 

    this.scene = new THREE.Scene(); 

    // add the camera to the scene 
    this.scene.add(this.camera); 

    // the camera starts at 0,0,0 
    // so pull it back 
    this.camera.position.z = 800; 
    this.camera.position.y = -100; 

私も中央で半径20の球を持っています。それはうまく表示されます。

私には何が欠けていますか？

Answer 1

カメラは、飛行機の「背面」を見ています。

プレーンは2つの辺を持ちますが、1つのみが表示されます。

2種類の溶液：

1）面の "正面顔" を見てカメラを移動：

this.camera.position.y = 100; 

2）または、doubleSidedフラグを有効化：

plane.doubleSided = true;