Веб только-только начинает использовать анимацию. Годами рулили анимированные GIF и Flash. Текст двигался и мерцал, но это было убого. Анимации были внутри блоков, как видео на YouTube. HTML5 canvas изменил всё в веб анимации.

Элемент canvas позволяет интегрировать рисунки и анимацию с остальной частью вашей страницы. Вы можете комбинировать их с текстом и делать анимацию интерактивной. Этот механизм рисования мощный, но очень низкоуровневый.

Анимации становятся еще мощнее и требуют меньше кода, когда вы комбинируете тэг canvas с высокоуровневыми библиотеками, например с Paper.js. Эта статья познакомит вас с HTML5 анимацией и проведет через все шаги создания анимации семян одуванчика, разлетающихся по ветру. Читать далее →