So I'm trying to get the camera towards where I am looking at. There is a method that

Using three.js functions with camera. about webvr-starter-kit HOT 4 OPEN

CodeLuca commented on July 20, 2024

Using three.js functions with camera.

from webvr-starter-kit.

Comments (4)

skompc commented on July 20, 2024

I had this problem at first... Use this to go forward:
+ VR.camera.moveZ(-(Math.PI * delta * 2));

And this to go backwards (away from where ur looking at):
+ VR.camera.moveZ(-(Math.PI * delta * 2));

from webvr-starter-kit.

skompc commented on July 20, 2024

Ignore the pluses

from webvr-starter-kit.

skompc commented on July 20, 2024

Darn!... This to go back: VR.camera.moveZ(Math.PI * delta * 2);

from webvr-starter-kit.

brianchirls commented on July 20, 2024

Hey guys,

First of all, never move the camera, because it will conflict with the headset. Move the body instead. And, of course, be careful about doing so because this is a great way to cause simulator sickness.

Multiplying delta by 2 PI doesn't change anything except to speed up the movement by a factor of a little more than 6.

This solution seems to work. See step-by-step explanation in comments.

VR.floor();
var camera = VR.camera.object;

// create a single scratch vector to re-use so we don't have to allocate
// one on every frame. Garbage collection can cause barf-inducing judder.
var lookDirection = new THREE.Vector3();
VR.animate(function(delta){
  // get direction camera is looking relative to the world
  camera.getWorldDirection(lookDirection);

  // set y to zero so we only move on the horizontal plane, not up or down
  lookDirection.y = 0;

  // don't move or try to normalize if length is very small,
  // because it can cause a divide-by-zero error
  // or otherwise create a weird/terrible experience
  if (lookDirection.lengthSq() > 0.01) {
    // normalize so we can get a constant speed
    lookDirection.normalize();
    lookDirection.multiplyScalar(delta);

    // move body, not the camera
    VR.body.position.add(lookDirection);
  }
});