Создание анимации с использованием нативного JavaScript

Question

Я заинтересован в создании различных видов и типов анимации javascript, используя традиционный javascript (без фреймворков) и canvas.Мой вопрос: может ли кто-нибудь указать мне ресурсы (книги / сайты и т. Д.), Которые были бы полезны.Я знаю, что многие фреймворки уже существуют, но моя цель обучения - понять основной язык.

Answer 1

Анимация - это, в основном, изменение атрибута во времени .Для этого вы используете setInterval, чтобы изменения вступили в силу постепенно .На каждом шаге вы вычисляете текущее значение атрибута путем интерполяции между двумя значениями, учитывая прошедшее время.Как последний штрих вы можете добавить easing к вашей анимации, чтобы переходы между состояниями выглядели плавно.Также могут быть добавлены очереди анимации.

Рекомендуется - Roll Your Own Effects Framework от Thomas Fuchs

Answer 2

Существует статей, обсуждающих это , доступных на промежутках.

Одним из ключевых приемов является использование setTimeout () для поэтапного изменения непрозрачности элемента. Это в основном то, что делает jquery UI - одна из упомянутых вами фреймворков - для реализации анимации, затухания, выпадения и т. Д.