指定された終了座標でボックスを作成する

Question

2つの座標（y軸は変更されません）を、指定された幅と高さのボックスに接続する方法を理解できません。

どうすればよいですか？

Answer 1

THREE.Vector3（）という2つの点があります。

ボックスを作成するには、その幅、高さ、および深さを見つける必要があります。 我々は、我々はあなたがボックスの高さは、これらの2点間の距離に依存して、我々はこのよう次に

var height = point1.clone().sub(point2).length(); 

それを見つけることができると述べた

var width = Math.abs(point1.x - point2.x); 
var depth = Math.abs(point1.z - point2.z); 

幅と深さを見つけることができる、2つの点を持ちます私たちの与えられた点（平均）との間にポイントを探す

1. ：：私達は私達の箱を置くポイントを見つける必要があり

   var pointOfHeight = center.clone();

2. height 2で割ることによって中心のy座標を設定します：

   pointOfHeight.y = height/2;を

   var center = point1.clone().add(point2).divideScalar(2);

3. は、我々のボックスの中心のための新たなポイントを作成します

今、私たちは箱を作るためにすべて持っている：

​​

をそして最後に、我々はボックスの原点設定：最後に

box.position.copy(pointOfHeight); 

を、私たちはシーンにボックスを追加します。

scene.add(box);