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

【问题标题】：Creating a cube with rounded corners in Three.js在 Three.js 中创建一个带圆角的立方体
【发布时间】：2012-10-11 05:51:40
【问题描述】：

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

【问题讨论】：

【解决方案1】：

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

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

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

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

three.js r.131

【讨论】：

【解决方案2】：

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

【讨论】：

【解决方案3】：

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

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

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

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

【讨论】：