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

Question

是否可以在 three.js 中创建一个具有自定义半径的圆角的立方体，然后能够使用图像对该立方体进行纹理处理？

score 15 · Accepted Answer

您可以使用RoundedBoxGeometry来自three.js 的示例。

const geometry = new RoundedBoxGeometry( 10, 10, 10, 6, 2 );

使用如下模式将其导入您的项目：

import { RoundedBoxGeometry } from './threejs/examples/jsm/geometries/RoundedBoxGeometry.js';

三.js r.131

score 5 · Accepted Answer

有关立方体（和其他基本几何体）上的细分修改器的简单直接示例，请查看

score 0 · Accepted Answer

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

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

同样在 Three.js github 上，有人在 2016 年在这里制作了一个圆角矩形几何图形：

从 2017 年开始，也有这种使用拉伸和自定义几何图形的方法：

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

3 回答 3