Webxr camera start at different position than in normal view position

Pravin_Poudel · December 19, 2022, 6:39am

I have this as a camera

 const camera = new THREE.PerspectiveCamera(
        90,
        window.innerWidth / window.innerHeight,
        0.1,
        1000
    )
    // camera.position.set(0, 0.0, 0)
    camera.lookAt(0, 0, 0)

and I am adding this to the group

user.add(camera)
    user.position.set(0.0, 0.3, 0.0)
    // user.rotation.copy(camera.rotation)
    scene.add(user)

and for some reason, my camera is on top of the house and house’s floor lies in origin and house height is more than 2.

On normal mode, this opens like this:

but on enter VR mode:

this is my camera code:

github.com

pravinpoudel/building-annotation/blob/713323afe764e0d97b79488886520112b9fbe6e5/src/client/utils.ts#L82


      
          
          
    dirLight.shadow.camera.far = 3500
              dirLight.shadow.bias = -0.0001
          
          
    // const dirLightHelper = new THREE.DirectionalLightHelper(dirLight, 10)
              scene.add(dirLight)
          
          
    return scene
          }
          
          
function addCamera() {
              const camera = new THREE.PerspectiveCamera(
                  90,
                  window.innerWidth / window.innerHeight,
                  0.1,
                  1000
              )
              // camera.position.set(0, 2.0, 0)
              camera.lookAt(-0.5, 1, 0)
              return camera
          }

and i add this camera to the group

github.com

pravinpoudel/building-annotation/blob/713323afe764e0d97b79488886520112b9fbe6e5/src/client/client.ts#L347


      
              console.log('VR Mode entered')
          }
          
          
async function init() {
              scene = addLight(scene)
              const axesHelper = new THREE.AxesHelper(0.5)
              scene.add(axesHelper)
              scene.background = new THREE.Color(0xffffff)
              camera = addCamera()
              user.add(camera)
              user.position.set(0, 0.5, 0)
              // user.rotation.copy(camera.rotation)
              scene.add(user)
              createCharacter()
              // box.add(camera)
          
          
    raycaster = new THREE.Raycaster()
          
          
    const element = document.createElement('div') as HTMLElement
              labelRenderer.setSize(window.innerWidth, innerHeight)
              labelRenderer.domElement.style.position = 'absolute'

can anyone please help me?

Topic		Replies	Views
Webxr camera is not at position of perspective camera Questions webxr	18	2781	December 24, 2022
Finding the local camera.position in an XR session Questions camera , webxr	0	1097	February 10, 2022
Not able to reset camera position in WebXR Questions camera , perspective-camera , webxr	3	1879	February 1, 2021
WebXR Camera Height Questions webxr	1	606	August 18, 2020
Initial WebXR position same as camera position Questions webxr	14	4120	May 25, 2023

Webxr camera start at different position than in normal view position

Related topics