webvr - aframe - Set camera position at runtime

Question

In a a-scene, I try to change my camera position at runtime. The DOM property changes but the camera does not move.

What could have I missed ?

my js code: document.querySelector('#myCameraPosition').setAttribute('position', '0 0 0');

My a-scene:

    <a-entity id="myCameraPosition" position="0 0 50">
        <a-entity id="myCamera" camera look-controls keyboard-controls>
        </a-entity>
    </a-entity>

Answer 1

Create a wrapper entity around the camera:

<a-entity id='cameraWrapper' position="0 0 0">
  <a-camera></a-camera>
</a-entity>

Then change position of the wrapper:

document.querySelector("#cameraWrapper").object3D.position.set(1, 1, 1);