Aim

Decides where the camera looks.

An Aim rotates the camera. It never moves it, that's the Body's job. Each virtual camera has at most one Aim: setting another replaces it. It always runs after the Body.

Which one?

Aim	Use it for
`HardLookAt`	Always looking straight at a target.
`RotationComposer`	Looking at a target smoothly, with a dead zone or off-center framing.
`RotateWithFollowTarget`	Copying a target's rotation: first person, mounted cameras.
`PanTilt`	Letting the user look around with the mouse or touch.

Without an Aim the camera keeps its starting rotation, initialState.

Usage

import { FollowBody, HardLookAtAim, targetPose } from '@pmndrs/klipp';

const player = targetPose.create(); // keep player.position up to date

camera.body = new FollowBody(player, { offset: [0, 3, 8] });
camera.aim = new HardLookAtAim(player);

import { Vector3 } from 'three';
import { FollowBodyThree, HardLookAtAimThree } from '@pmndrs/klipp/three';

camera.body = new FollowBodyThree(player, { offset: new Vector3(0, 3, 8) });
camera.aim = new HardLookAtAimThree(player);

import { VirtualCamera, Body, Aim } from '@pmndrs/klipp/react';

<VirtualCamera name="follow" priority={10}>
  <Body.Follow target={playerRef} offset={[0, 3, 8]} />
  <Aim.HardLookAt target={playerRef} />
</VirtualCamera>

Edit this page