three-rounded-box

three-rounded-box

See it live.

A geometry class with filleted edges for THREE.js. Extends THREE.BufferGeometry.

Constructor

RoundedBoxGeometry( width , height , depth , radius , radiusSegments )

width = Float           //size of box in x axis, default 1
height = Float          //size of box in y axis, default 1
depth = Float           //size of box in z axis, default 1
radius = Float          //radius of the fillet,  default 0.15
radiusSegments = Int    //segments along the fillet, default 1

Usage

var RoundedBoxGeometry = require('three-rounded-box')(THREE); //pass your instance of three

var myBox = new THREE.Mesh( new RoundedBoxGeometry( 10 , 10 , 10 , 2 , 5 ) );

myScene.add(myBox);

Test

npm install
npm start

You should see a box with smooth edges spinning.

TODO

• cleanup the weaving logic
• add segments along the sides