# aframe-click-drag-component A Click & Drag component for [A-Frame](https://aframe.io). Entities with the `click-drag` component can be click and dragged around the 3D scene. Even works whle the camera is moving! _Note: entities are not positioned correctly when the camera is rotated._ ### Events **dragstart** Emitted with the following info: - `offset: {x, y, z}` - The offset from entity center to drag position. - `depth` - the perpendicular distance from the screen to align the entity while dragging - `clientX` - the mouse event's `clientX` value - `clientY` - the mouse event's `clientY` value **dragmove** Emitted with the following info: - `nextPosition: {x, y, z}` - The next world position of the entity. - `clientX` - the mouse event's `clientX` value - `clientY` - the mouse event's `clientY` value **dragend** Emitted with the following info: - `offset: {x, y, z}` - The offset from entity center to drag position. - `velocity: {x, y, z}` - The smoothed velocity of the entity at dragend time. - `depth` - the perpendicular distance from the screen to align the entity while dragging - `clientX` - the final mouse event's `clientX` value - `clientY` - the final mouse event's `clientY` value ### Installation #### Browser Use directly from the unpkg CDN: ```html

``` #### npm Install via npm: ```bash npm install aframe-click-drag-component ``` Then register and use. ```javascript import aframe from 'aframe'; import registerClickDrag from 'aframe-click-drag-component'; registerClickDrag(aframe); ```