在Three.js中创建一个带圆角的立方体

时间:2012-10-21 01:32:21

标签: javascript 3d three.js

是否可以在three.js中创建一个自定义半径圆角的立方体,然后能够用图像纹理该立方体?

3 个答案:

答案 0 :(得分:15)

您可以使用THREE.SubdivisionModifier中实现的循环细分算法对多维数据集的角进行舍入。

此处有效:http://threejs.org/examples/webgl_modifier_subdivision.html

您可以像设置任何其他几何体一样纹理此几何体。

three.js r.70

答案 1 :(得分:5)

有关立方体(和其他基本几何体)上的细分修饰符的简单直接示例,请查看

http://stemkoski.github.com/Three.js/Subdivision-Cube.html

答案 2 :(得分:1)

快进十年,欢迎来到 20 年代。

现在看起来这可能是现代解决方案:https://www.npmjs.com/package/three-rounded-box

也在 Three.js github 上,有人在 2016 年在这里制作了圆角矩形几何:

https://github.com/mrdoob/three.js/issues/8402

从 2017 年开始,也有这种方法使用拉伸和自定义几何体:

https://discourse.threejs.org/t/round-edged-box/1402

这个形状示例还包含许多带有圆角的形状,包括。一个立方体/盒子:

https://threejs.org/examples/webgl_geometry_shapes.html