2014-04-12 103 views
1

我有下面的代码绘制一个黄色圆圈:three.js所 - 形状填充颜色

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); 

我唯一的问题是如何得到这个圈子充满了颜色?我试图改变材料,但我仍然只看到轮廓形状..

更新:我不得不将THREE.Line更改为THREE.Mesh ..!

+0

我由此得出的日食..?为什么 – GvSharma

回答

3
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

three.js所r.66

+1

太谢谢你了。我希望有一个完整的Three.js文档,而不是一堆随机的例子.. – LePhleg