用三个.js从圆柱体上切下一个切片,画圆柱体最简单的方法是什么
What is the simplest way to draw a cylinder with a slice cut out of it with three.js?
我想知道如何使用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
来做。
相关文章:
- 将圆柱体转换为弯管
- 对不同的数组进行切片并返回选定的值
- javascript中如何进行时间切片
- 有没有一个javascript库可以生成这样的垂直切片背景图像?如果没有,我怎么能创建它
- 编辑后更改切片网格单元格数据
- 传单不会加载负坐标切片
- 在切片中填充一个 JavaScript 圆圈
- 而循环切片
- 如何对一块文本进行切片,使其不会'Don’不要以分裂的单词结尾
- 在谷歌可视化饼图中突出显示一个切片
- 可以切片一个物体吗
- 如何确保Google图表面板中的过滤饼图保持一致的切片颜色
- js-循环遍历数据库中的切片字符串和检查项
- 什么是“;无效切片大小”;轨道错误?-@categories.ech_slice(column_length)do|co
- 切片对象的原型
- 将鼠标悬停在切片上时更改d3.js饼图标签的颜色
- 画布轮盘-使用背景图像作为每个切片
- 对JSON字符串进行切片
- 理解“;切片”;在Jquery/javascript的控制台中
- 用三个.js从圆柱体上切下一个切片,画圆柱体最简单的方法是什么