javascript - Three.js - 形状填充颜色

Question

我有以下绘制黄色圆圈的代码:

  var radius = 5,
    segments = 64,
    material = new THREE.LineBasicMaterial( { color: 0xF0C400 } ),
    geometry = new THREE.CircleGeometry( radius, segments );

  geometry.vertices.shift();
  var circle = new THREE.Line(geometry, material);

  circle.position.set(5,5,0);
  circle.rotation.set(1.57,0,0);
  scene.add(circle);

我唯一的问题是如何让这个圆圈充满颜色？我尝试更改 Material ，但仍然只能看到轮廓形状..

更新:我必须将 THREE.Line 更改为 THREE.Mesh..!

Answer 1

material = new THREE.MeshBasicMaterial( { color: 0xF0C400, side: THREE.DoubleSide } );

geometry = new THREE.CircleGeometry( radius, segments );

mesh = new THREE.Mesh( geometry, material );

有关更通用的解决方案，请参阅 http://threejs.org/examples/canvas_geometry_shapes.html

三.js r.66