Добър инструмент за създаване на демонстрационни анимации за уеб страници?

Не намирам отговори на скорошни подобни въпроси. Искам да създам прости анимации като тази тук: http://hull.io

Някакви предложения за инструменти за създаване и след това внедряване на тези? Предполагам, че това е библиотека на Javascript.


javascript web animation demo
person Oscar    schedule 25.04.2013    source източник

Отговори (4)


arrow_upward
1
arrow_downward

Конкретно този сайт използва jQuery, но ако търсите по-интерактивна и интересна javascript библиотека, която използва много 3D чертежи и други подобни, опитайте processingjs: http://processingjs.org/

person euxneks    schedule 26.04.2013

arrow_upward
1
arrow_downward

Можете да изпробвате предложенията на Adobe - Edge Animate

http://html.adobe.com/edge/animate/

Вярвам, че можете да го използвате безплатно, ако се регистрирате за безплатната версия на Adobe creative cloud.

person BadFeelingAboutThis    schedule 26.04.2013

arrow_upward
1
arrow_downward

Ако използвате wordpress, плъгинът Slider Revolution е най-добрият за това.

В противен случай има доста настолни приложения за създаване на html5/css3 анимация:

Adobe Edge http://html.adobe.com/edge/animate/

Sencha Animator http://www.sencha.com/products/animator

Motion Composer http://www.aquafadas.com/en/motioncomposer/

Hype (само за Mac) http://tumult.com/hype/

person hexalys    schedule 26.04.2013

arrow_upward
1
arrow_downward

Направих анимацията на hull.io. Използвах jQuery Transit http://ricostacruz.com/jquery.transit/

Това е фантастичен jQuery плъгин за създаване на CSS трансформации.

person Vic    schedule 26.04.2013
comment
Интересно! Само за информация, анимацията има проблеми в (скоро Webkit/Blink) Opera. - person hexalys; 26.04.2013