@antv/g-camera-api

English | 简体中文

Provides advanced camera features, including full camera movements and animations.

Usage

It's already built-in in @antv/g, with the lite version to use the following way：

import '@antv/g-lite';
import '@antv/g-camera-api';

The camera can then be retrieved from the canvas to perform the camera action.

const camera = canvas.getCamera();
camera.pan(100, 20);

API

Action

The camera's three axes in the camera coordinate system are uvn, and the camera action is actually moving and rotating along these three axes.

https://g-next.antv.vision/en/docs/api/camera#camera-action

Animation

We can record the current position and viewpoint of the camera and save it as a Landmark, and then when the camera parameters change, we can switch to any of the previously saved Landmark at any time, with a smooth switching animation, similar to the camera pendulum on a real set, also called flyTo in some applications.

https://g-next.antv.vision/en/docs/api/camera#camera-animation