Анимация на CSS и JS, Анимация на сайте для начинающих
JavaScript. Плавная анимация
Для создания анимации на JavaScript, я до недавнего времени использовал метод setInterval(). Всё вроде удобно и понятно, отдаешь в качестве параметра функцию, которая рисует кадры, указываешь вторым параметром частоту обновления в миллисекундах, и всё работает. Но есть конечно нюансы. Во-первых анимация получается дерганой. Во-вторых, заметно тормозит при использовании тач и активном использовании клавиатуры - это особенно явно проявляется при создании игр. Что же делать? Вот тут я и пришел к спасению в виде метода window...
Советы по анимации с CSS и JavaScript
Источник: Nuances of Programming Основы “плавности” Анимации — важная часть создания привлекательных веб-приложений и сайтов. Пользователи ожидают высокую отзывчивость и интерактивность. В классической анимации движение, скорость которого в начале низкая, а затем увеличивается, называется «slow in» (смягчение в начале движения), а движение, скорость которого в начале высокая, а затем уменьшается ― «slow out» (смягчение в конце движения). В Интернете эти варианты движения называются «ease in» (ускорение) и «ease out» (замедление)...