In the process of creating applications for the new user experience in Moblin 2.0, a lot has been learnt about how to effectively use Clutter to build aesthetically pleasing and practical interfaces. This will be a talk and tutorial on how to implement complex and good-looking UI animations, using Clutter. The talk will be split into three parts, covering some of the basic guidelines and knowledge required, ranging to more complex aspects of Clutter-based animations.
The first part will be a basic UI animations guideline; a brief discussion of the dos and do-nots of UI animations, with input taken from the Moblin user experience and design team.
The second part will be a tutorial on the basic building blocks of animations that there are available in Clutter, and how to break down animations based on these capabilities. This tutorial will also cover how to use the Clutter API to perform common, but complex animation tasks, such as stacking multiple animations and creating reversible and interruptable animations.
The final part will consist of a narrated demonstration of some complex animations, using some specially-written applications and the Moblin web-browser.