How can I implement third person camera?

[munkhorgil]

Is there any example of a 3rd person chasing an object camera? Also with controller something like WASD

[onion2k]

You can create a third person camera by putting your camera and an object in the same group, and pointing the camera at the object. Then when you move the group around it'll give the effect of the camera following the object.

Eg

    <group ref={ref} position={[0, 0, 0]}>
      <Camera position={[0, 20, -45]} near={1} far={1000} />
      <group ref={planeref} position={[0, 0, 0]}>
        <Player />
      </group>
    </group>

By updating the position of ref.current your camera and player will move together.

Check out the camera rig recipe for how to actually make r3f use the camera - https://github.com/pmndrs/react-three-fiber/blob/master/markdown/recipes.md#using-your-own-camera-rig

As for controls, Three.js has a first person controls example - https://threejs.org/docs/#examples/en/controls/FirstPersonControls - it's a bit more complicated than I'd expect but it's doing quite a lot.

[drcmda]

there's also camera components in drei, they could be useful since you dont need to update them on browser size changes like regular threejs cams.