Camera-Controls => Loading and functional control

to disable user input things, use the mouseButtons / touches props

<CameraControls
 mouseButtons={{ left: 0, middle: 0, right: 0, wheel: 0 }}
 touches={{ one: 0, three: 0, two: 0 }} />

then maybe use a setLookAt or similar method

  useEffect(() => {
    if (!camRef.current) return
      camRef.current.setLookAt(positionX, positionY, positionZ, targetX, targetY, targetZ, enableTransition)
  }, [camRef])

no need to manually update these controls inside useFrame

1 Like