Illustration

Kitty is a Drawing Tool for Interaction Authoring

Hopefully you're familiar with Project Draco, our answer to the question:

Can animation be made as easy as drawing?

Dragon[1]

We've discussed Draco here on the blog and have a video overview of what we were showing at this year's SIGGRAPH conference in Vancouver to catch you up.

Kitty builds on Draco and looks into the animation question and asks:

Can we make Draco interactive?

  Vakhkhosh[1]

In the image above you'll see two interactions happening:

  • the user can move the dragon's head into the frame
  • the user can move the baby dragon into the pot

With the egg going into the pot, you'll notice that the monster's eyesfollow the egg and that the egg causes a particle splash as it enters the pot.

This opens up a lot of possibilities for iteractive storytelling. 

  • How would children like this for an ebook on a tablet?
  • Does it make web content more dynamic?
  • Could it be useful for game authoring?
  • Is it useful for training and instructions?

Kitty builds on Draco but how does it work?

We've introduced a simple node network to define the relationships between objects. Let's look at the picture below of a different egg going into a different pot - yes we like cooking here at Autodesk Research.

Autodesk Research Kitty Interaction Authoring Dynamic Drawings

We've set up the scene as you would in Draco with steam and splashing particles coming from the pot. In the following image you can see that we have a simple node graph that gets overlaid on the picture. This helps reduce UI while keeping the events and relationships in context.

Autodesk Research Kitty Interaction Authoring Dynamic Drawings

You can see the path the egg takes to get into the pot as well as two blue circles representing the particle events. The user is making a connection from the egg to the circle on the right to tell the splash to only happen when the egg is close.

Autodesk Research Kitty Interaction Authoring Dynamic Drawings

When the connection is made between the nodes, the egg path and the splash, the user can then choose how to link the events. In this case the movement of the egg is connected to the emission of the particles. The inlaid square defines the timing of the event. 

Autodesk Research Kitty Interaction Authoring Dynamic Drawings

The curve can be redrawn to control what happens. The horizontal axis represents the object that triggers the event (the egg). The vertical axis represents the object that is being driven (the particle splash). When the line is flat, there are no particles being emitted.

In this image below we explore using Kitty to explain how an electric doorbell works.

Autodesk Research Kitty Interaction Authoring Dynamic Drawings

You can learn more about Kitty and see how easy it is to author these kinds of behaviours in the video below. More information is available on the Draco project page.

We'll be presenting this latest research at this year's UIST, the ACM User Interface Software and Technology Symposium, in Hawaii in October. If you are there, stop by to see the demo or attend the talk. 

Whether you are at UIST or not, please let us know what you think about these tools and the possibilities that they open up for you. 


Come try Project Draco - our drawing/animation/effects innovation mash-up - at the SIGGRAPH 2014 Studio

We'll be showing Project Draco at the SIGGRAPH 2014 Studio in Vancouver and you can get your hands on it! 

SIGGRAPH 2014 Studio 

Here's how SIGGRAPH describes the SIGGRAPH 2014 Studio:

The SIGGRAPH 2014 Studio is a collaborative working environment where the latest technologies and brightest minds come together to learn, experiment, and create. Attendees of the SIGGRAPH Studio explore wide range of new techniques and media with help from experienced hands. Attendees experience the latest in 3D printing, modeling, and animation software. The SIGGRAPH Studio is made for anyone interested in cutting-edge DIY gadgets, quasi-objects, Rube Goldberg machines, user-generated content projects, software, hardware, processes, workflows, technologies, etc.

Like any good SIGGRAPH experience there are moving pixels to describe the space and event. We're very happy to see Project Draco as the lead piece in this movie!

We'll be in the Studio Sunday through Thursday and have put our offer to you in the form of a short poem:

please stop by

give Draco a try

help us clarify

how we may supply

this technology

to girl and guy

In other words, we are looking for feedback on the technology and seeking input and ideas from people on what to do next. Letting you get your hands on it should help with that.

Project Draco

Project Draco comes from the User Interface Group here at Autodesk Research. Draco mashes up illustration, animation and effects in an easy to use interface. Fast Company says "Autodesk's Draco Lets You Animate An Illustration In Seconds". Take a look at the following illustration. There are a lot of simple elements in a picture that can be made to move and create an even richer experience for the viewer.

Autodesk Research Project Draco Animated Elements

Autodesk is well known for tools like Maya, 3ds Max and Flame that let people create similar things. Project Draco takes some of these concepts and makes them available to just about anyone. The learning curve is very flat and the immediate feedback is incredibly gratifying. Have a look at the intuitive sketch-based workflow:

Autodesk Research Project Draco Workflow Diagram

 More examples of the workflows and things you can create are available in this short movie:

We hope to see you at SIGGRAPH. If you can't be there in person, take a couple moments to let us know if you're interested in testing Draco in the future.


Come see Autodesk Research at SIGGRAPH 2014 in Vancouver

The Autodesk Research team will be attending and presenting at SIGGRAPH 2014 in Vancouver.

We have the following talks scheduled:

Pteromys: Interactive Design and Optimization of Free-Formed Free-Flight Model Airplanes: Interactive techniques for designing original hand-launched free-flight glider airplanes that can actually fly. Based on a compact aerodynamics model, a design tool allows users to interactively optimize wing configuration to maximize flight-worthiness.

Tuesday, 12 August 10:45 AM - 12:15 PM | Vancouver Convention Centre, East Building, Ballroom B-C

Autodesk Research Publication on 3d Printing Support Structures

Branching Support Structures for 3D Printing: To 3D print a complex shape, a support structure is needed. Printing this support structure wastes time and material. We minimize this waste by generating a novel branching support structure which takes into account both the geometry of the model, and the properties of the printing process.

Tuesday, 12 August 10:45 AM - 12:15 PM | Vancouver Convention Centre, West Building, Rooms 116-117 

 

 

Sensitivity-Optimized Rigging for Example-Based Real-Time Clothing Synthesis: A predict-then-blend scheme for data-driven real-time clothing animation that can produce realistic wrinkles. The prediction model is developed based on sensitivity analysis, and its implementation is as simple as rigging technique.

Wednesday, 13 August 10:45 AM - 12:15 PM | Vancouver Convention Centre, East Building, Ballroom B-C

Position-Based Elastic Rods: Efficiently simulate complex bending and twisting of elastic rods using position-based dynamics. Our formulation is highly efficient, capable of simulating hundreds of strands in real-time.

Wednesday, 13 August 9:00 AM - 10:30 AM | Vancouver Convention Centre, West Building, Rooms 109-110

Get your hands on Draco, our project exploring animation for illustration! 

We'll be showing Draco as a SIGGRAPH Studio Project. Come by the Studio Sunday through Thursday to see it live and even try it for yourself. Draco allows users to sketch objects and their motions using familiar digital illustration techniques. Motion created with Draco enriches the picture and allows for new possibilities in storytelling.  

Maya, 3ds Max and General Media & Entertainment Industry Discussions

Our colleagues in the Media & Entertainment group will be showing off 3ds Max and Maya. Along with that they'll be discussing industry trends in Design, Film and Games and the trends they see. For educators, there will be a breakfast to meet and discuss these things and more. You can get the full details and register on the Autodesk Area SIGGRAPH 2014 event page.

Whatever you're interest, please say hello!