用三个.js从圆柱体上切下一个切片,画圆柱体最简单的方法是什么

What is the simplest way to draw a cylinder with a slice cut out of it with three.js?

本文关键字:圆柱体 切片 下一个 最简单 是什么 方法 三个 js      更新时间:2023-09-26

我想知道如何使用three.js绘制一个带有切片的圆柱体,例如:图像

非常感谢所有回复。

获得所需形状的最简单方法可能是挤出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 );

小提琴:http://jsfiddle.net/0yyg5ese/

three.js r.73

使用THREE.CylinderGeometry并设置thetaLength-参数。默认值为2 * Pi,表示一个完整的圆柱体。我制作了一把小提琴,看起来像你的图像:http://jsfiddle.net/hvgropoa/.

缺点:切片的面不见了,所以当你观察切口内部时,你可以看到圆柱体内部:(然而,这是最简单的方法,如果你需要一个封闭的圆柱体,我建议用THREE.CSG来做。