Подскажите, пожалуйста, как сделать такую анимацию: www.elevenplantsfordumdums.com/#8
Там элементы крутятся вокруг своей оси при скролле, меняется свойство transform: rotateZ. Как рассчитывается угол вращения?
Скорость скролла используется как угловое ускорение для этих объектов. Знак зависит от направления скролла. При этом есть сила трения, которая постоянно уменьшает модуль скорости, тем самым тормозит и останавливает эти штуковины в конечном счете. Формулы из курса кинематики за 9 класс помогают сделать движения более натуральными, плавными и приятными глазу.
Там все время меняется rotateZ, val += incrVal. incrVal меняется в диапазоне от 0 до какого-то числа. Как только пользователь прокручивает страницу, значение ставится в максимальное, и постепенно стремится к 0. Даже не смотря в код это видно.
Простой
