Создаем анимацию с помощью Paper.js

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

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

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

Методы класса Ext.Element

Почти все методы этого класса возвращают объект Element, поэтому возможно использовать технику сцепления:

// устанавливаем высоту, потом цвет
el.setHeight(50).setStyle({color: “red”});

Далее приведен список всех методов Ext.Element без подробного описания параметров. Читать далее

Анимация элементов в Ext JS

Многие методы класса Ext.Element принимают дополнительный параметр анимации. Установка этого параметра приводит к отображению анимации во время выполнения метода. Параметр анимации может передаваться истинным по умолчанию или опционально для более точного управления. Объект с опциями имеет следующие свойства Читать далее