ember-aframe-camera-extras
v0.6.1
Published
Sync camera move with query params or network
Downloads
35
Readme
ember-aframe-camera-extras
Sync camera rotation and position with query params or network
Demo: https://ember-aframe-camera-extras.netlify.com
Rotation doesn't work in A-Frame 0.8 because of https://stackoverflow.com/questions/52815449/incorrent-orientation-with-initial-camera-rotation-in-aframe-0-8
Compatibility
- Ember.js v3.16 or above
- Ember CLI v2.13 or above
- Node.js v10 or above
Installation
ember install ember-aframe-camera-extras
Usage
Add this to your route:
import Ember from 'ember';
import QueryParamsRouteMixin from 'ember-aframe-camera-extras/mixins/query-params-route';
export default Ember.Route.extend(QueryParamsRouteMixin, {
});
and this to your controller:
import Ember from 'ember';
import QueryParamsControllerMixin from 'ember-aframe-camera-extras/mixins/query-params-controller';
export default Ember.Controller.extend(QueryParamsControllerMixin, {
});
and this to your camera component:
import ACamera from 'ember-aframe/components/a-camera';
import ComponentActionsMixin from 'ember-aframe-camera-extras/mixins/component-actions';
export default ACamera.extend(ComponentActionsMixin, {
});
Then, you can customize the actions in your template:
<a-scene>
{{my-camera
cameraQueryParams=cameraQueryParams
intervals=(hash
cameraMoveSlow=(hash interval=1000 adjustHeight=true)
cameraMoveFast=(hash interval=10)
)
cameraMoveSlow=(action "updateCameraQueryParams")
cameraMoveFast=(action "someCustomNetworkCall")
}}
</a-scene>
Contributing
See the Contributing guide for details.
License
This project is licensed under the MIT License.