Way cool for illustrations! Add animated images as an image to your website or WordPress blog. The following “images” were just copied and pasted into this WordPress post. No other work required! Draco was pioneered by Rubaiat Habib, Fanny Chevalier, Tovi Grossman, Shengdong Zhao and George Fitzmaurice as means to revolutionize the way illustrators and animators work through “kinetic textures“. By any standard it looks fantastic and the ease for web animation is exceptional – as simple as highlight image, cntl-c, mouse move, cntl-v. Note: testing shows that some mobile devices have a few challenges with the large size and complexity of the animated gifs produced by Draco and Kitty even on fast networks. Looking ahead, surface labeled pixel techniques might extend these tools to 3D. (Also, check out TechEnablement to see how easy it is to add responsive design WebGL to a WordPress post.)
First an old-fashioned video
Read the Draco paper.
Project Draco aims to bring the power of intricate animation effects and interactive graphics to the creative hands of all artists. It is a functional research prototype at this moment. For up-to-date information, research outcomes and project announcements, please sign up this form.
Kitty is part of the Draco project to create dynamic (interactive, animated and responsive) illustrations with a fluid sketch-based interface.
What better way to illustrate Kitty than with Kitty. (The following is copied from the Autodesk kitty page )
To specify the interactive behavior of entities, Kitty relies on an underlying relational graph structure, where nodes correspond to the entities and edges represent the functional correspondence between the entities’ parameters. Kitty displays this graph in the context of the illustration, and authors can specify edges and their associated functions through freeform sketching. This enables an intuitive interaction, without requiring any programming or scripting.