Design & Technology Blog   

Posts tagged Animation

New Winds For Cross-Device Compatible Interactivity

Mobile and tablet devices not supporting the Flash player plugin have contributed to the overall decline of development of interactive web animations during the past few years.

Up until very recently, Web designers and developers have had very limited options to create cross-device compatible interactivity, typically relying on AJAX based components. Today we are closing the gap as new emerging technology and web programs are opening doors for new types of ‘Flash free’ interactive ‘animations’.

Adobe has brought in two new software products to the market, Adobe Edge, and CreateJS Toolkit built for Adobe Flash Pro CS6, that both offer promising steps towards more quickly produced code based HTML5 interactivity. Google has also developed a program called Google Swiffy which will convert Flash animations to HTML5.

Adobe Edge, currently in beta/preview mode, uses CSS to draw objects, javascript to animate objects, and HTML div’s to place these objects on the page. This is an intriguing solution for making web pages more interactive but is visually somewhat limited due to CSS code not being able to render complex vector drawings such as hexagons.

Complex vector graphic animations can be created using Flash Pro CS6 which can then be exported as web friendly SVG’s (scalable vector graphics), and animated on HTML5 canvas using either the new built-in CreateJS Toolkit or by using the Google .swf to HTML5 conversion tool Swiffy.

Adobe’s CreateJS Toolkit allows a developer to export Flash animations to HTML5 format so where one can then program the further interactivity of the vector graphics with javascript. Google Swiffy on the other hand allows the developer to program the interactivity of scalable vector graphics in Flash, and then converts the rendered .swf file to HTML5.

With the new interactive tools available, there are now ways for web designers and web developers to increase cross-device compatible interactive creativity both economically and efficiently. A designer/developer can now put together an interactive experience where the exported code renders on all modern browsers and devices without the use of the Flash Player Plugin.

Contact Interaria at 214-909-3900 to discuss your company’s cross-platform compatible HTML5 animation needs.

Adobe Edge for Cross-Device Friendly HTML5, CSS3 and JavaScript code based Interactivity

Adobe has just launched a new animation program, Adobe Edge, that takes promising steps towards the world of mobile media animations and interactivity. Adobe Edge functions in many ways like a Flash program with the key difference that the created animations are not exported as a swf movie but they are actually converted into a mathematical HTML5 code along with CSS and javascript that can be further developed in HTML mode. Animations and interactivity designed by Adobe Edge are compatible with mobile devices that do not support the Flash player. Interaria is following and testing the developments of Adobe Edge program closely, and providing the most current motion and interactivity solutions to our clients.

Official product page:
http://labs.adobe.com/technologies/edge/

Watch a video by Adobe about Adobe Edge:

Facebook
Twitter
Blog
LinkedIn
SERP Zebra