Camera

Even though we have a camera within our 3D application, there is no camera object in the WebGL API—only matrices. That is because having matrices instead of a camera object gives WebGL the flexibility to represent complex projections and animations.

WebGL Does Not Have Cameras

WebGL does not have a camera object that you can manipulate. However, we can assume that what we render in the canvas is what our camera captures.

Every time we move our camera around, we need to update the objects according to the new camera position. So, we need to transform each vertex. Similarly, we need to make sure that the object normals and light directions are still consistent after the camera has moved. In summary, we need to analyze two different types of transformations:

vertex (points) and
normal (vectors)

Transformations The Model, View and Projection matrices Normal Transform Camera Matrix