Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/three.js/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript Three.js-形状填充颜色_Javascript_Three.js_Shape_Fill - Fatal编程技术网

Javascript Three.js-形状填充颜色

Javascript Three.js-形状填充颜色,javascript,three.js,shape,fill,Javascript,Three.js,Shape,Fill,我有下面的代码,它画了一个黄色的圆圈: 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(geome

我有下面的代码,它画了一个黄色的圆圈:

  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 = new THREE.MeshBasicMaterial( { color: 0xF0C400, side: THREE.DoubleSide } );

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

mesh = new THREE.Mesh( geometry, material );
有关更一般的解决方案,请参阅

3.js r.66

有关更一般的解决方案,请参阅


three.js r.66

非常感谢。我希望Three.js有一个完整的文档,而不是一堆随机的例子。@lephleg有点晚了,但现在开始:-@circlebuffergeometry谢谢你,伙计!我甚至不记得这是怎么回事!:谢谢你。我希望Three.js有一个完整的文档,而不是一堆随机的例子。@lephleg有点晚了,但现在开始:-@circlebuffergeometry谢谢你,伙计!我甚至不记得这是怎么回事!:D对我来说这画了一个日食..?为什么对我来说这画了一个日食..?为什么