The work of London based animation director and designer James Curran.
Make engaging and compelling animations online for your business or school. Create explainer videos, animated marketing videos, training videos and presentations. Make HTML5 banners and interactive video content. Use Animatron to increase ROI on your video and presentation.
“Foxie” GreasePencil, Freestyle and GP tools addon (Fan art, based in a ChrisLam Anim) on Vimeo
Fan Art, the original animation by Christopher Lam chrislamart.blogspot.com
Made with Blender Grease Pencil and GP tools addon and rendered with FreeStyle.
GP tools addon by Antonioya.
Music: “From_Truth” Dexter_Britain
the GreenSock Animation Platform (GSAP) is a suite of tools for scripted, high-performance HTML5 animations that work in all major browsers. No other library delivers such advanced sequencing, API efficiency, and tight control. Stop wrestling with cumbersome CSS animations, stuttery jQuery.animate() calls, or a system that limits your creativity. Use animation to tell a story in a rich way rather than settling for a few fades and slides. Animating with code may seem intimidating at first, but don’t worry, our platform was engineered to make it simple and intuitive.
Winner: RSA Short film competition, Marija Jacimovic and Benoit Detalle
Runner up: RSA Short film competition, by Francisco Park
Finalist: RSA Short film competition, by Tomas Flodr
Ceaser – CSS Easing Animation Tool
- Choose an easing type and test it out with a few effects.
- If you don’t quite like the easing, grab a handle and fix it.
- When you’re happy, snag your code and off you go.
Now that we can use CSS transitions in all the modern browsers, let’s make them pretty. I love the classic Penner equations with Flash and jQuery, so I included most of those. If you’re anything like me*, you probably thought this about the default easing options: “ease-in, ease-out…yawn.” The mysterious cubic-bezier has a lot of potential, but was cumbersome to use. Until now. Also, touch-device friendly!
Note: Bugfixes have landed, so the newest Webkit now supports values above 1 and below 0. For the time being, I am including fallback code for older Webkit that is clamped between 0 and 1 when needed.