使用CanvasRenderer创建环/圆扇区

时间:2013-12-17 08:13:54

标签: three.js

尝试使用Three.JS和CanvasRenderer创建多个圆/环段。

此处使用THREE.ShapeTHREE.ShapeGeometry的示例:http://jsfiddle.net/25U8E/1/

三角测量对我来说是错误的,当我试图通过直接修改geometry.vertices [n] .x等来移动顶点时,我正在使用的THREE.Shape降级并变得不那么平滑。

有没有更好的方法来创建一个扇区 - 一个允许我之后修改顶点的方法?

1 个答案:

答案 0 :(得分:0)

不确定这是否是Stackoverflow-y要做的事情,但这里是:

创建像我需要的环扇区的正确方法是使用RingGeometry类,如下所示:

THREE.RingGeometry( 150, 300, 16, 2, 0, Math.PI / 4 );

它确实包含一个错误,意味着一些顶点错误 - 在此处说明:http://jsfiddle.net/NWJQk/ - 当它旋转时,你会看到背面是错误的。

该小提琴引用了最新版Three.JS的URL,因此如果它开始工作,则意味着该bug已被修复并发布。

编辑:更清楚地说明使用线框失败的内容:http://jsfiddle.net/NWJQk/3/