Interaction Tools

Object Placement

What this shows

Drag scene objects into place with pointer controls.

Loading scene…

Key API excerpt

import * as EASEL from "@xsyetopz/easel";

const controls = new EASEL.DragControls(objects, camera, renderer.domElement);
controls.addEventListener("drag", ({ object }) => object.updateMatrix());