Help with useHitTest about react-xr HOT 2 CLOSED

Hi!

useHitTest hook will call the callback function once it detects a real surface. It will pass two arguments: a matrix and XRHitTestResult

Let's look at the simplest example

function HitTestExample() {
  const ref = useResource()

  useHitTest((hit) => {
    hit.decompose(ref.current.position, ref.current.rotation, ref.current.scale)
  })

  return <Box ref={ref} args={[0.1, 0.1, 0.1]} />
}

in this example we want to place a box on a real surface every frame

useHitTest((hit) => {
Here hit is a Matrix4 object which contains position and rotation of a position on a real surface.

Next, we can copy position of the hit to the our Box mesh
hit.decompose(ref.current.position, ref.current.rotation, ref.current.scale)

the effect of this is that as soon as there's a real plane detected, on every frame the Box will be placed on that plane

Here is the working example on codesandbox: https://codesandbox.io/s/react-xr-usehittest-demo-5iff9?file=/src/App.tsx

from react-xr.

Thank you very much!!!

from react-xr.