Graphics Reference
In-Depth Information
1.3 Web Animations: Status Quo
Some of the newly introduced functions in HTML5 and CSS3 offer many
new possibilities in web animation, compared to previous versions. With the
above-mentioned canvas tag and the CSS rules, many effects can be created for
transitions and animations that were previously only possible in extra plug-ins
like the Flash Player. Meanwhile, there are many graphics and animation libraries
in JavaScript extensions available to the creative coder:
CreateJS (http://createjs.com)
raphaelJS (http://raphaeljs.com)
GSAP JS (http://www.greensock.com/gsap-js)
These libraries all have one thing in common: they take a code-driven ap-
proach, thus requiring extensive knowledge of JavaScript programming. In
comparison, Edge Animate belongs to a new generation and follows a purely
visual approach. Using familiar WYSIWYG (What You See Is What You Get) tech-
nology, complex animation choreography can be immediately created without
constantly thinking it through in code. More tools in this genre are:
Hype (http://tumult.com/hype)
Sencha Animator (http://www.sencha.com/products/animator)
