Box

components / meshes / Box.js

As told on WHS.Component definition, while you can pass any of the inherited params for this component construction, you will need to
pass specific parameters to build this mesh as a geometry object.

This shape can be set as a softbody object.

JavaScript

const box = new WHS.Box({
  geometry: {
    width: 2, 
    height: 2,
    depth: 2
  },

  material: new THREE.MeshBasicMaterial({
    color: 0xffffff
  }),

  position: [50, 60, 70]
});

box.addTo(world);

Parameters

Geometry defaults

JavaScript

{
  // ...

  geometry: {
    width: 1, // Number
    height: 1, // Number
    depth: 1 // Number
  }
}

These defaults are additional, there are also defaults filled by MeshComponent, etc.

Instructions

JavaScript

{
  // ...

  geometry: ['width', 'height', 'depth']
}