The three axes of the camera in the camera coordinate system are uvn.

The camera movements we describe later are actually movement and rotation along these three axes.

The following picture is from Television Production Handbook p.97. The cameras used in the early years of television were moved by tracks.

Disregarding the crane and tongue movements, which rely on the rocker, the translations and rotations along the three uvn axes can be summarized as follows.

Naturally, depending on the camera type, the same camera action is implemented differently. Let's take dolly action as an example, it's also an action to move the camera position forward and backward, for Orbiting / Exploring mode the point of view remains the same. In Tracking mode, the point of view is adjusted.

pan

Pans the camera along the u / v axis, i.e., horizontally and vertically.

The method signature is as follows.

pan(tx: number, ty: number)

Parameters:

• tx Positive translation along u-axis
• ty Positive translation along v-axis

In this example, the following action will cause the object originally at the point of view to be displayed in the upper left corner.

camera.pan(200, 200);

In g-plugin-control we respond to the mouse panning event by calling this method.

dolly

Move the camera along the n-axis. Fix the viewpoint and change the camera position to change the view distance. It will keep the view distance between minDistance and maxDistance.

The method signature is as follows.

dolly(value: number)

Parameters:

• value 以 dollyingStep 为单位，正向远离视点，负向靠近

Example:

camera.dolly(10); // Away from the point of view
camera.dolly(-10); // Close to the point of view

The effect in the pivot projection is as follows. In g-plugin-control we respond to the mouse wheel event by calling this method.

rotate

Rotate by camera azimuth, counterclockwise is positive.

The method signature is as follows.

rotate(azimuth: number, elevation: number, roll: number)

2D scenes only need to specify rolls, e.g. for the camera to "tilt its head".

camera.rotate(0, 0, 30);