Sources Contact Advanced Search Tutorials

An Interest In:

Web News this Week

Search Archive

Some of Our Sources

View All Sources

Help Webnuz

Referal links:

June 16, 2016 08:00 am GMT

Animated SVG with Adobe Animate and Snap.SVG

With Animate CC, Adobe finally sounded the bell to the end of Flash. While the renamed animation program still supports Flash, it has moved its main focus towards HTML5 and WebGL. Now, for each new project, you decide whether you want to create an animation via HTML5 canvas or WebGL. Animated SVGs with Animate CC were not possible until recently. The extension “Snap.SVG Animator” expands the Animate CC feature scope by this exact function. The Framework Snap.SVG Snap.SVG Allows Vector-Based SVG Animations Unique about Flash was always the fact that it brought vector-based graphics and animations to the browser. This was not possible with web standards. Apart from fonts, only pixel-based formats like JPEG and GIF were used. With the introduction of HTML5, the XML-based SVG format became increasingly popular as well, as it is vector-based and animatable, similar to Flash. This gives the SVG format a decisive advantage over HTML5 canvas, which only allows for pixel-based animations. Especially when zooming in, this format’s disadvantage in comparison to SVG becomes evident. As Animate CC is generally vector-based, it is logical to provide vector-based distribution formats. As SVG animations are realized via JavaScript beyond the CSS3 attributes “transition” and “animation”, there […]

Original Link: http://feedproxy.google.com/~r/Noupe/~3/HF0l_21Sov0/animated-svg-adobe-animate-snap-svg-98011.html

Share this article:

View Full Article

Noupe

Noupe passionately delivers stylish and dynamic news for designers and web-developers across the globe on all subjects of design

More About this Source Visit Noupe