Camera Demo

Your browser does not support the HTML5 canvas.

Controls: WASD to move the character

Q: Camera Shake

N/M: Zoom Main Camera

L/R/P/H keys: Select the in-focus object with L/R keys refocusing the camera to the Left or Right minion

Mouse: Left mouse drags the middle character, right click deletes, middle buttons respawns

The camera system abstracts the View-Projection transform and the viewport, tidying up details of matrix operations and WebGL configurations. Interpolation is provided for smooth scrolling, camera shake is can be used for effects, and multiple cameras can be used for HUDs.

The camera system abstracts the View-Projection transform and the viewport, tidying up details of matrix operations and WebGL configurations. Interpolation is provided for smooth scrolling, camera shake is can be used for effects, and multiple cameras can be used for HUDs.