WebGL Beginner's Guide - Chapter 4

Model-View Matrix: Translation

Your browser does not support the HTML5 canvas element.

World coordinates

The model-view matrix transforms the world. Here we are just considering the translation component to see how the world moves.

For example, increase X to 10: you will se how the world is translated 10 units to the right (which is the same as requestUpdate the camera 10 units to the left!)

Camera coordinates

When you click on Camera the inverse of the model-view matrix is applied. Then if you increase X to 10 you will see how the camera is translated 10 units to the right (which is equivalent to move the world 10 units to the left!)

X:0.0
Y:-2.0
Z: -30.0