as per @dmarcos's suggestion:
you can listen for the componentchanged event. cameraEl.addEventListener('componentchanged', function (evt) { var componentName = evt.detail.name; if (componentName === 'rotation' || componentName === 'position') { your code } });
Listen to changes made to the camera and execute a function when a change happens
For A-Frame.
| Property | Description | Default Value |
|---|---|---|
Install and use by directly including the browser files:
<head>
<title>My A-Frame Scene</title>
<script src="https://aframe.io/releases/0.6.0/aframe.min.js"></script>
<script src="https://unpkg.com/aframe-camera-listener-component/dist/aframe-camera-listener-component.min.js"></script>
</head>
<body>
<a-scene>
<a-entity camera-listener="foo: bar"></a-entity>
</a-scene>
</body>Install via npm:
npm install aframe-camera-listener-componentThen require and use.
require('aframe');
require('aframe-camera-listener-component');