标签: react-xr

VR模式下的多个场景和不同的摄像机

我正在尝试在 XR 环境中实现这个小提琴。

在小提琴中,第二个场景固定在屏幕上,但不使用 oculus/玩家相机...

有没有人有办法使场景或物体始终位于眼的右上角?我想尺寸和相机有错误,但找不到什么......

我不确定,我脑子坏了,这是我迈向 XR 的第一步......

门户第二场景代码:

function Viewcube() {
  const { gl, scene, camera, size } = useThree()
  const virtualScene = useMemo(() => new Scene(), [])
  const virtualCam = useRef()
  const ref = useRef()
  const [hover, set] = useState(null)
  const matrix = new Matrix4()

  useFrame(() => {
    matrix.copy(camera.matrix).invert()
    ref.current.quaternion.setFromRotationMatrix(matrix)
    gl.autoClear = true
    gl.render(scene, camera)
    gl.autoClear = false
    gl.clearDepth()
    gl.render(virtualScene, virtualCam.current)
  }, 1)

  return createPortal(
    <>
      <OrthographicCamera ref={virtualCam} makeDefault={false} position={[0, 0, 100]} />
      <mesh
        ref={ref}
        raycast={useCamera(virtualCam)} …
Run Code Online (Sandbox Code Playgroud)

three.js react-three-fiber react-three-drei react-xr

5
推荐指数
0
解决办法
200
查看次数