Ya tiene una Matriz de transformación, así que simplemente gire esta matriz.

Primero escribe una función para rotar una matriz, m, como sigue:

 function rotateX(m, angle) { var c = Math.cos(angle); var s = Math.sin(angle); var mv1 = m[1], mv5 = m[5], mv9 = m[9]; m[1] = m[1]*cm[2]*s; m[5] = m[5]*cm[6]*s; m[9] = m[9]*cm[10]*s; m[2] = m[2]*c+mv1*s; m[6] = m[6]*c+mv5*s; m[10] = m[10]*c+mv9*s; }

Escale primero (no está haciendo ninguna escala actualmente), Traduzca segundo, Rotar tercero.

Así que tu código debería verse así:

 transformationMatrix = mat4(); scale(transformationMatrix, 1, 1, 1); rotateX(transformationMatrix, Math.PI/4); translate(transformationMatrix, xPos, yPos, zPos);

También puede ver escribir a otros codificadores (dependiendo de su configuración):

 modelMatrix.scale(1,1,1).rotateX(Math.PI/4).translate(xPos,yPos,zPos);

Fuentes: https://www.tutorialspoint.com/webgl/webgl_cube_rotation.htm https://gamedev.stackexchange.com/questions/16719/what-is-the-correct-order-to-multiply-scale-rotation-and -traducción-matrices-f