whs.js/docs/data/Groups.md
Alexander Buzin 2982c950a5 Docs
2017-06-30 19:02:10 +03:00

775 B

Groups

Sometimes you need to make groups of objects (it's not conveniently to apply transforms to each object when can make just one to a group). In Three.js you make it using THREE.Object3D and it's children.

In Whitestorm.js we have WHS.Group that can do it in two ways:

Adding objects to an empty group

const sphere = new WHS.Sphere();
const box = new WHS.Box();
const group = new WHS.Group();

sphere.addTo(group);
box.addTo(group);

Making a group from objects

const sphere = new WHS.Sphere();
const box = new WHS.Box();
const group = new WHS.Group(box, sphere);
// OR: const group = new WHS.Group([box, sphere]);

You can list elements in sequence or pass an array. (see es6 rest/spread).

[> 3D Transforms](3D Transforms.html)