Three js PointerLockControls to hubs

[conradoandrade]

Hi, i was wondering how to add this functionality to hubs as a toggle shortcode.

https://threejs.org/docs/#examples/en/controls/PointerLockControls

Any ideias?

Thank you.

[conradoandrade]

For those with the same question, you should look into A-FRAME look controls
https://aframe.io/docs/1.2.0/components/look-controls.html#properties_pointerlockenabled

To implement in Hubs you can do something like this. (Not sure if is the best way but it works)

AFRAME.scenes[0].systems["hubs-systems"].characterController.avatarPOV.setAttribute('look-controls', 'pointerLockEnabled', true);