Как работает matrix3d?

Question

[boga-net]

В инете мало статей по матрицам, а если и есть, то всё это очень сложно для человека, не учившего математику в школе.
Возможно ли как-то интуитвно понять принцип работы matrix3d ?

Пробовал высчитать алгоритм

matrix3d(0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0)

чтобы понять, куда подставляются более понятные трансформации, но создаётся ощущение, что тут всё не так однозначно и параметры меняются, в зависимости от сочетания. Понять методом тыка не получилось. Понял только это

matrix3d(ScaleX, 0, 0, 0, 0, ScaleY, 0, 0, 0, 0, 0, 0, TranslateX, TranslateY, ScaleZ, 0)

(не по теме)
Я понимаю, что тема очень сложная, особенно для человека крайне далёкого от математики, и я бы не стал сюда соваться, но стал учить GSAP, и хочу реализовать вращающийся куб. Вращается он на 90 градусов, а направление задают соответствующие кнопки. Для наглядности изменений, приходится работать с браузером, который трансформирует свойства transform (translateX, rotate и т.д.) в matrix3d.
Допустим, при вращении на 360 градусов, с шагом в 90 градусов, получаются 4 варианта matrix3d и если оставить только изменящиеся числа, то получаю такие комбинации

1, 0, 0, 1
-1, 0, 0, -1
0, -1, 1, 0
0, 1, -1, 0

Кажется, что можно поиграться с вариациями, но не тут-то было. При вращении по другой оси, уже затрагиваются такие свойства, как ScaleX.

Собственно, вопрос: интуитивно понять принцип работы matrix3d представляется возможным ?

Answer 1

[Максим Тимофеев]

гуглится быстро и уверенно, хотя тема реально редкая:
Затерянная документация или transform: matrix3d

Ну и тренажер, возможно так проще понять будет:
www.useragentman.com/matrix

Comments

[boga-net]

я был там и мало что понял )
Автор сам ссылается на то, что документация по matrix3d - бедная.
А секретов там не раскрывается, как и в тренажёре

[Максим Тимофеев]

boga-net, по поводу вращающегося куба:
https://www.youtube.com/watch?v=HoFsAyHQLeU

[boga-net]

Максим Тимофеев, Чтобы сделать вращающийся куб у меня знаний CSS и JS хватает ) У меня не хватает знаний matrix3d )
Прошу прощения за столь поздний ответ

[Максим Тимофеев]

boga-net,

меня не хватает знаний matrix3d

не только у Вас. Поэтому ее никто не использует. Юзают перспективу и другие трансформации, которые хорошо документированы )))

[boga-net]

Максим Тимофеев, Видите ли, я надеялся, что кто-то хотя бы простыми словами объяснит, например, какие цифры в порядковом значении матрицы, соответствуют знакомым свойствам transform. Я писал в вопросе, что смог определить только несколько. В интернете про это информации не нашёл.
Но в браузере изменения отображаются в стиле matrix3d, и чтобы иметь возможность в режиме онлайн вносить изменения, необходимо вносить их в matrix3d, а не понятные и родные translate, rotate, skew и т.д. )