尝试使用Three.JS和CanvasRenderer创建多个圆/环段。
此处使用THREE.Shape
和THREE.ShapeGeometry
的示例:http://jsfiddle.net/25U8E/1/
三角测量对我来说是错误的,当我试图通过直接修改geometry.vertices [n] .x等来移动顶点时,我正在使用的THREE.Shape降级并变得不那么平滑。
有没有更好的方法来创建一个扇区 - 一个允许我之后修改顶点的方法?
答案 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/