ThreeJS Scene To VR

Questions
, ,
1

Hi, I want to transform my scene into a VR scene, is the renderer.XR.enabled = true enough?

2

There are several things that I do when converting to a VR scene.

  1. import three/examples/jsm/webxr/VRButton
  2. renderer.xr.enabled = true
  3. document.body.appendChild(VRButton.createButton(renderer))
  4. Use the renderer.setAnimationLoop() function instead of requestAnimationFrame

See simple example and source code here

https://sbcode.net/threejs/random-puncher/

3

Thanks you, it worked :slight_smile:

4

Hey, on changing to renderer.setAnimationLoop() worked for me.
I’m wondering why this is not mentioned in the official documentation. And if I could find some better documentation, thanks.

5

It’s here,

image
image962×273 28.6 KB

Look at official examples to see how things are used. : three.js examples

6

And also here:

image

7

oh understood, thank you.

8

Thank you!