03:32 Rekapi: пошаговая анимация на Javascript | |
Почти у каждого веб-дизайнера или разработчика имеется хотя бы чуточка опыта во Flash. И все мы помним, каким образом работает пошаговая анимация: вы определяется положения объекта в нескольких кадрах, и программа сама воспроизводит анимацию. Существует также пошаговая анимация на CSS3 (На сайте CSS-Tricks можно найти отличную статью на эту тему), где основная логика очень схожа, но вы анимируете элемент посредством параметров CSS. Rekapi – это библиотека, которая реализует пошаговую анимацию и посредством javascript. Она также позволяет нам определить объекты, кадры, анимации и контролировать положение сцены (воспроизведение, пауза, остановка). [img]/uploads/posts/2012-07/1342178803_rekapi-js-keyframe.gif[/img] Прорисовка элементов не входит в работу библиотеки, и процесс этот можно реализовать любым подходящим разработчику способом. Также следует отметить, что Rekapi позволяет вам экспортировать DOM-анимации в CSS3 пошаговую анимацию. Библиотека хорошо задокументирована и поддерживается многими браузерами, а также может работать вместе с Node.js. Требования: Underscore и Shifty Совместимость: все современные браузеры Веб-сайт: http://rekapi.com/ Смотреть демо: http://rekapi.com/demo/bargraph.html Скачать: https://github.com/jeremyckahn/rekapi | |
|
Всего комментариев: 0 | |