fernandojsg / Aframe Camera Transform Controls Component
Licence: mit
Camera transform controls component for A-Frame
Stars: ✭ 47
Programming Languages
javascript
184084 projects - #8 most used programming language
Projects that are alternatives of or similar to Aframe Camera Transform Controls Component
aframe-registry
[DISCONTINUED] Curated collection of community A-Frame components.
Stars: ✭ 76 (+61.7%)
Mutual labels: threejs, webvr, aframe
Moonrider
🌕🏄🏿 Surf the musical road among the stars. Side project built by two people in a few months to demonstrate WebXR.
Stars: ✭ 292 (+521.28%)
Mutual labels: aframe, threejs, webvr
Aframe Effects
A VR Ready Post processing framework for Three.js and/or A-Frame
Stars: ✭ 176 (+274.47%)
Mutual labels: aframe, threejs, webvr
Awesome Aframe
[DISCONTINUED] Collection of awesome resources for the A-Frame WebVR framework.
Stars: ✭ 1,310 (+2687.23%)
Mutual labels: aframe, threejs, webvr
A Painter
🎨 Paint in VR in your browser.
Stars: ✭ 539 (+1046.81%)
Mutual labels: aframe, threejs, webvr
Thehallaframe
WebVR demo that displays art
Stars: ✭ 120 (+155.32%)
Mutual labels: aframe, threejs, webvr
3dio Js
JavaScript toolkit for interior apps
Stars: ✭ 255 (+442.55%)
Mutual labels: aframe, threejs, webvr
Aframe
🅰️ web framework for building virtual reality experiences.
Stars: ✭ 13,428 (+28470.21%)
Mutual labels: aframe, threejs, webvr
Aframe Inspector
🔍 Visual inspector tool for A-Frame. Hit *<ctrl> + <alt> + i* on any A-Frame scene.
Stars: ✭ 469 (+897.87%)
Mutual labels: aframe, threejs, webvr
Aframe Physics System
Physics system for A-Frame VR, built on CANNON.js.
Stars: ✭ 371 (+689.36%)
Mutual labels: aframe, threejs, webvr
Ideaspace
😎 Create interactive 3D and VR web experiences for desktop, mobile & VR devices
Stars: ✭ 344 (+631.91%)
Mutual labels: aframe, threejs, webvr
Aframe Vimeo Component
Stream Vimeo videos into WebVR.
Stars: ✭ 62 (+31.91%)
Mutual labels: aframe, threejs, webvr
hologram
Hologram Framework | All-in-one WebVR creation.
Stars: ✭ 84 (+78.72%)
Mutual labels: threejs, webvr, aframe
a-blast
💥 Save the World From the Cutest Creatures in the Universe!
Stars: ✭ 116 (+146.81%)
Mutual labels: threejs, webvr, aframe
lvr
👓 Augmented Reality for everyone - Out of the world experiences
Stars: ✭ 92 (+95.74%)
Mutual labels: threejs, webvr, aframe
Aframe Extras
Add-ons and helpers for A-Frame VR.
Stars: ✭ 722 (+1436.17%)
Mutual labels: aframe, threejs, webvr
stereo-panorama-viewer
View stereoscopic panoramas in your browser!
Stars: ✭ 23 (-51.06%)
Mutual labels: threejs, aframe
aframe-mirror-component
Mirror effect material that works with snapshots of the scene for A-Frame
Stars: ✭ 29 (-38.3%)
Mutual labels: threejs, webvr
Worlds2
Building Virtual Reality Worlds using Three.js
Stars: ✭ 34 (-27.66%)
Mutual labels: threejs, webvr
aframe-camera-transform-controls-component
A Camera Transform Controls component for A-Frame.
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:
<head>
<title>My A-Frame Scene</title>
<script src="https://aframe.io/releases/0.7.1/aframe.min.js"></script>
<script src="https://unpkg.com/aframe-camera-transform-controls-component/dist/aframe-camera-transform-controls-component.min.js"></script>
</head>
<body>
<a-scene camera-transform-controls="">
</a-scene>
</body>
npm
Install via npm:
npm install aframe-camera-transform-controls-component
Then require and use.
require('aframe');
require('aframe-camera-transform-controls-component');
Note that the project description data, including the texts, logos, images, and/or trademarks,
for each open source project belongs to its rightful owner.
If you wish to add or remove any projects, please contact us at [email protected].