2017-03-13 4 views
1

ボックスのようなAframeジオメトリオブジェクトの一方の面にのみマテリアルを追加するにはどうすればよいですか?私は子供のジオメトリオブジェクトを持っているので、飛行機のように見えるボックスオブジェクトが必要です(プレーンにスケーリングされています)。プレーンエリアの外にそれらを保持できる必要があります。しかし、私は飛行機のように見えるようにボックスを平らにしているので、子供のオブジェクトも平らにしています。だから、ボックスを片面のみのテクスチャを持つ平面のように見えるようにすれば、問題は解決されます。ボックスの片面にのみ材料を追加するにはどうすればよいですか?

答えて

1

three.js MultiMaterialを使用できます。

ほとんどのマニュアルの方法は、エンティティにジオメトリを追加し、手動で材料を追加することです:

var materials = [ 
    new THREE.MeshBasicMaterial({ color: 0xff0000 }), // right 
    new THREE.MeshBasicMaterial({ color: 0x0000ff }), // left 
    new THREE.MeshBasicMaterial({ color: 0x00ff00 }), // top 
    new THREE.MeshBasicMaterial({ color: 0xffff00 }), // bottom 
    new THREE.MeshBasicMaterial({ color: 0x00ffff }), // back 
    new THREE.MeshBasicMaterial({ color: 0xff00ff }) // front 
]; 
el.getObject3D('mesh').material = new THREE.MultiMaterial(materials); 

おそらく後に、誰かが多材料A-FrameコンポーネントはJSに触れることがないために作ることができます。

関連する問題