JavaScript Developer @ Moqups

JsHeroes Meetup Co-Organizer

I am not a math wizz!

{ transfrom: matrix(a, b, c, d, e, f); }

Why should I even bother...

Matrix transformations are what RGB hex codes are to colors

Vector

Matrix

Space

y

x

Vector Matrix multiplication

Think of it as a map() method which applies a given matrix to each vector

The matrix represents the future position of our vectors that define our space

Let that sink in for a moment

{ transform: matrix(a, b, c, d, dx, dy) }

By Andrei Cacio