Creating a cube with rounded corners in Three.js

Question

Is it possible to create a cube with rounded corners of custom radius in three.js and then be able to texture that cube with an image?

Answer 1

You can use RoundedBoxGeometry from the three.js examples.

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

Import it into your project using a pattern like so:

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

three.js r.131

Answer 2

For a simple and straightforward example of subdivision modifiers on cubes (and other basic geometries), check out

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