Thursday, 31 July 2014

Enliven 'em! - Animation Engine for Vector Graphic (Images and Media)


Enliven ‘em is a jQuery plugin which lets you animate any vector graphic in SVG form in many different ways when your illustration become visible in a user browser viewport (suitable for “non-hover” devices like Apple’s ones). Also you can allow an animation to be repeated when user click your graphic.


All animation data are stored in SVG code itself which lets you port it to any domain. The Animation Editor, which is included in the download package, can help you to add these data in a WISIWYG mode.


The integration of the Enliven ‘em script is easy: only two additional scripts in your page’s code in addition to your existing jQuery.


Please get familiar with full features’ list and explore the demo site.


Enliven ‘em main features:



  • Brand New

  • Your SVG can be Responsive

  • Suitable for Touch Devices


  • Easy Integration


  • All Modern Browsers (with some IE and Opera restrictions)

  • Both In and Out Animations


  • Separate Animation Editor App

  • More than 70 build-in effects


  • Free Updates & Support


Exclusive Feature:




  • Custom animation option when you control a transformation and an opacity. Here is the definitely when the only limit is your imagination!


Video Tutorial of SVG preparation:



Important Notes:



  • This item requires to prepare your vector graphic before using on a live site. Please watch the video tutorial above before making a decision.

  • Browser restrictions: The “maskCrossRotate” and “maskPlusRotate” effects don’t work as expected in IE. Gaussian Blur effect doesn’t work in IE9, fallback to fade is coded. “drawLines” effect doesn’t work in Opera, fallback to fade is provided.

  • Vector images which are used on EnlivenEm.com are NOT included in the download package.


Requirements:



  • jQuery

  • Read the documentation after purchasing :)


License:


You need to purchase a regular or an extended license of Enliven ‘em jQuery plugin for every web project.


Special Thanks to:



  • jQuery team for the outstanding work

  • Dmitry Baranovskiy, the author of Snap.svg lib

  • Ryan Van Etten the author of Verge script

  • Without these talented people Enliven’ em script could never be created. Thank so much!


Change log:


2014, July, 29 - v1.0 - initial release


If you’re impressed with SVG possibilities, you may also like:










Enliven 'em! - Animation Engine for Vector Graphic (Images and Media)

No comments:

Post a Comment