no-click-look-controls
Component
A-Frame Overview
Intuitive camera controls for desktop 3D experiences with A-Frame.
Features
- 🚫<--->🚫 Dynamically set maximum yaw and pitch (see options) to control sensitivity and max turn angles.
- 💻 Provides intuitive desktop view controls without requiring mousedown+drag.
- 😎📱💯 Includes the core touch and HMD view controls for drop-in replacement of core
look-controls
component.
Demos:
User interface with restricted view angles to focus user on content.
Usage
Script
<!-- A-Frame standard library if needed --> <!-- Component (includes A-Frame core) --> <!-- ... -->
NPM
Install.
$ npm install aframe-no-click-look-controls
Register.
var AFRAME = ;var NoClickLookControls = ;AFRAME;
Use.
Options
(units are radians)
Property | Default | Description |
---|---|---|
maxyaw | 3π | Controls the max y-axis rotation. Actual max viewing angle is twice the parameter, ie 3π is 3π to the right and 3π to the left. |
maxpitch | π/2 | Controls the max x-axis rotation. Actual max viewing angle is twice the parameter, ie π/2 is π/2 up and π/2 down. |
enabled | true | Enables controls |
TODOS (PRs welcome)
-
allow asymmetrical yaw and pitch values rather than forcing symmetrical distances from original camera position
-
add option to slow down camera rotation as the mouse gets closer to the edge of the canvas
-
write tests