javascript - 用 three.js 绘制带有切片的圆柱体的最简单方法是什么？

Question

我想知道如何使用 three.js 绘制一个切出切片的圆柱体，即:Image

非常感谢所有回复。

Answer 1

获得所需形状的最简单方法可能是挤出一个 THREE.Shape，如下所示:

var settings = {
    amount: 2,
    steps : 1,
    bevelEnabled: false,
    curveSegments: 24
};

var shape = new THREE.Shape();
shape.moveTo( 0, 0 );
shape.absarc( 0, 0, 10, 0, Math.PI * 1.75, false );
shape.moveTo( 0, 0 );

var geometry = new THREE.ExtrudeGeometry( shape, settings );

fiddle :http://jsfiddle.net/0yyg5ese/

three.js r.73