Куб

Код воссоздает анимацию, как куб распадается на маленькие кубики, а после собирается обратно. Сделано это так, что в ходе анимации постоянно отрисовывается новый кадр, с измененными координатами собранных в группы кубиков.

В начале кода мы можем изменить положение куба, поменяв x или y.

Анимацию можно изменить, поменяв значения в переменных:

let distance = 10; // расстояние на которое сдвигаются кубики
let steps = 50; // шаги анимации, они же скорость

Помимо этого, в коде самой анимации можно так же менять делитель, изменяя тем самым координаты:

cube.x -= distance / steps / 1.5;

А так же можно менять местами части кода анимации групп, меняя тем самым порядок анимации.