camera-2d-simple

2D Camera

Simple camera built on top of gl-matrix for 2D scenes. Heavily inspired by Mikola's Orbit Camera.

Also see:

• canvas-camera-2d for attaching the camera to a canvas object
• webgl-scatterplot for an application

Install

npm install camera-2d-simple

API

import createCamera from "camera-2d-simple";

const camera = createCamera(target = [0, 0], distance = 1)

Creates a 2d camera looking at target from a certain distance.

• target is the 2d vector the camera is looking at.
• distance is the distance between the target and the camera.

Returns A new 2d camera object

camera.lookAt(target = [0, 0], distance = 1)

Move the camera to look at the new position.

camera.pan(translation)

Moves the center of the camera by translation. Note that translation must be an array of length 2.

camera.zoom(delta)

Zooms in or out by some amount. I.e., the new distance is defined as distance * delta.

camera.view([out])

Returns the current view matrix associated to the camera.

camera.position

Is an array of length 3 comprised of the target (x, y) and distance (z) of the camera.

camera.transformation

Is the current transformation mat3 associated to the camera.

Changelog

v1.2.0

• Rotate around the viewport center
• Switch to prettier