Three.js線段Line3

Three.js線段Line3

Three.js線段類Line3通過起始點定義一條線段。

// 創建一個線段對象Line3
var line3 = new THREE.Line3();
// 線段起點座標
line3.start = new THREE.Vector3(0, 0, 0);
// 線段終點座標
line3.end = new THREE.Vector3(10, 10, 10);

計算線段中點，或者說計算兩點的中點

// 創建一個三維向量對象表示線段中點
var center = new THREE.Vector3();
// 執行getCenter方法計算線段中點，結果保存到參數
line3.getCenter(center)
console.log('查看線段中點', center);

計算線段的距離，或者說計算兩點之間的距離

// 計算線段長度
var L = line3.distance();
console.log('查看線段距離', L);
// 計算線段長度平方
var L2 = line3.distanceSq();
console.log('查看線段距離平方', L2);

可以通過向量對象Vector3的.distanceTo()方法計算兩點之間距離

// 線段起點座標
var p1 = new THREE.Vector3(0, 0, 0);
// 線段終點座標
var p2 = new THREE.Vector3(10, 10, 10);
// Vector3的方法distanceTo()計算兩點之間距離
var length = p1.distanceTo(p2)
console.log('兩點之間距離', length);