{"json_modified": "2016-03-28T08:46:21.350256", "uuid": "24e5664f-dadf-4d82-bc51-6980d6b6dde6", "title": "Matrix math for the web", "url": "/en-US/docs/Web/API/WebGL_API/Matrix_math_for_the_web", "tags": ["3D", "Guide", "transform3d", "WebGL", "matrices", "matrix", "CSS3"], "translations": [], "modified": "2015-09-10T08:34:17", "label": "Matrix math for the web", "localization_tags": [], "locale": "en-US", "id": 159949, "last_edit": "2015-09-10T08:34:14", "summary": "Matrices can be used to represent transformations of objects in space, and are an important tool to use in visualizations on the Web. This article explores how to create matrices and use them with <a href=\"/en-US/docs/Web/Guide/CSS/Using_CSS_transforms\">CSS3 transforms</a> and the <code>matrix3d</code> transform type.", "sections": [{"id": "Quick_Links", "title": null}, {"id": "What_is_a_transformation_matrix", "title": "What is a transformation matrix?"}, {"id": "Defining_a_multiplication_function", "title": "Defining a multiplication function"}, {"id": "Multiplying_two_matrices", "title": "Multiplying two matrices"}, {"id": "Usage", "title": "Usage"}, {"id": "Translation_matrix", "title": "Translation matrix"}, {"id": "Manipulating_the_DOM_with_a_matrix", "title": "Manipulating the DOM with a matrix"}, {"id": "Scale_matrix", "title": "Scale matrix"}, {"id": "Rotation_matrix", "title": "Rotation matrix"}, {"id": "Matrix_Composition", "title": "Matrix Composition"}, {"id": "Composing_multiple_transformations", "title": "Composing multiple transformations"}, {"id": "Why_matrices_are_important", "title": "Why matrices are important"}], "slug": "Web/API/WebGL_API/Matrix_math_for_the_web", "review_tags": []}