three.jsで球（例えば地球）の磁力線を作成する

Question

現在、three.jsで物理実験を行っています。私は球の磁力線を作りたいと思っています。私はベジェ曲線について検索しましたが、それをどのように実装するかについてはあまりよく分かりません。私は何を達成したいことは、このようなものです：

Examples of what I want

これは、2Dバージョンですが、私は同じの3Dバージョンをしたいと思います。

Answer 1

あなたはこのような磁力線を描画するためにスプラインを使用することができますポイントの計算のための数学を持っている場合：

// Array of THREE.Vector3 points created using your math 
var points = [ v1, v2, v3, v4, etc ]; 

var curve = new THREE.SplineCurve3(points); 
var geometry = new THREE.Geometry(); 

// Set the amount of segments, the higher the number the smoother the line. 
geometry.vertices = curve.getPoints(50); 

var material = new THREE.LineBasicMaterial({ color : 0xff0000 }); 

// Create the final Object3d to add to the scene 
var splineObject = new THREE.Line(geometry, material); 

をこれがまっすぐドキュメントの外に出るとhere

---

を見つけることができます

MathBoxまた、this answer hereにも記載されています。