Working with Graphic Elements > Classes > Matrix4 > Matrix4.translate

Matrix4.translate

Syntax

translate(v: PP.Vector3);

Parameters

v. Offset vector.

Description

The translate method offsets model and view matrix.

Example

To execute this example, in the HEAD tag of HTML page specify links to the following JS and CSS files: PP.js, PP.GraphicBase.js. Create a new matrix:

// Create a matrix
matrix = new PP.Matrix4([
4.717621803283691, 0, 0, 0, 
0, 10.385396957397461, 0, 0,
0, 0, -1.0000020265579224, -1, 
0, 0, -0.002000001957640052, 0
]);
// Create a vector
vector = new PP.Vector3(1, 0.5, 2);
// Rotate matrix
matrix.translate(vector);
// Get matrix values
matrix.getData();
// -> [4.717621803283691, 0, 0, 0, 0, 10.385396957397461, 0, 0, 0, 0, -1.0000020265579224, -1, 4.717621803283691, 5.1926984786987305, -2.0020041465759277, -2]

After executing the example the matrix is rotated.