https://github.com/fernandojsg/aframe-camera-transform-controls-component

Camera transform controls component for A-Frame
https://github.com/fernandojsg/aframe-camera-transform-controls-component

aframe threejs webvr

Last synced: 12 days ago
JSON representation

Camera transform controls component for A-Frame

• Host: GitHub
• URL: https://github.com/fernandojsg/aframe-camera-transform-controls-component
• Owner: fernandojsg
• License: mit
• Created: 2018-02-27T12:21:12.000Z (over 6 years ago)
• Default Branch: master
• Last Pushed: 2020-09-27T12:47:10.000Z (about 4 years ago)
• Last Synced: 2024-10-12T22:16:18.610Z (27 days ago)
• Topics: aframe, threejs, webvr
• Language: JavaScript
• Homepage: https://fernandojsg.github.io/aframe-camera-transform-controls-component/
• Size: 38 MB
• Stars: 52
• Watchers: 5
• Forks: 6
• Open Issues: 4
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

• vr-resources - aframe-camera-transform-controls-component, Camera transform controls component for A-Frame

README

        
## aframe-camera-transform-controls-component

[![Version](http://img.shields.io/npm/v/aframe-camera-transform-controls-component.svg?style=flat-square)](https://npmjs.org/package/aframe-camera-transform-controls-component)

[![License](http://img.shields.io/npm/l/aframe-camera-transform-controls-component.svg?style=flat-square)](https://npmjs.org/package/aframe-camera-transform-controls-component)

A Camera Transform Controls component for [A-Frame](https://aframe.io).







### API

| Property | Description | Default Value |

| -------- | ----------- | ------------- |

| enabled         |             | true              |

| cameraRigId         | Camera rig containing the camera and both controllers            | cameraRig               |

| onStart         | Event used to start the panning or scale & rotate              | triggerdown              |

| onEnd         | Event used to stop panning or scale & rotate            | triggerup |

| showHint         | Show a line between both controllers and the scale factor    | true              |

### Installation

#### Browser

Install and use by directly including the [browser files](dist):

```html

  My A-Frame Scene

  

  

  

  

```

#### npm

Install via npm:

```bash

npm install aframe-camera-transform-controls-component

```

Then require and use.

```js

require('aframe');

require('aframe-camera-transform-controls-component');

```