ソリッド楕円を作成し、three.jsで特定の色で塗りつぶすにはどうすればよいですか？

Question

私はthree.jsの初心者です。ここで私は直線の楕円を作成した私のコードです。私が望むのは、単色の楕円です。
  一度作成したソリッド楕円を画面全体にドラッグするにはどうすればいいか知りたかったのです。

var curve = new THREE.EllipseCurve(
0, 0,   // ax, aY 
2, 16,   // xRadius, yRadius 
0, 2 * Math.PI, // aStartAngle, aEndAngle 
false,   // aClockwise 
0     // aRotation 
); 

//ellipse 
var path = new THREE.Path(curve.getPoints(50)); 
var geometry = path.createPointsGeometry(50); 
var material = new THREE.MeshBasicMaterial({ color : 0x59d1c1}); 
var ellipse = new THREE.Line(geometry, material); 
scene.add(ellipse); 

Answer 1

THREE.ShapeとTHREE.ShapeBufferGeometryクラスを使用します。次に例を示します。

var path = new THREE.Shape(); 
path.absellipse(0,0,2,16,0, Math.PI*2, false,0); 
var geometry = new THREE.ShapeBufferGeometry(path); 
var material = new THREE.MeshBasicMaterial({ color: 0x59d1c1}); 
var ellipse = new THREE.Mesh(geometry, material); 
scene.add(ellipse);