SlimJim Studios

The work of London based animation director and designer James Curran.

Sigue leyendo

Anuncios

Editor de animaciones online HTML5 | Animatron

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.

Origen: Editor de animaciones online HTML5 | Animatron

“Foxie” Blender Grease Pencil 2D animation

“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.

A dedicated Channel for Blender Grease Pencil works: vimeo.com/channels/greasepencil
Grease Pencil main developer Joshua Leung (Aligorith) aligorith.blogspot.co.nz/ aligorith.github.io/

Music: “From_Truth” Dexter_Britain

————————————————
Daniel M. Lara (Pepeland)
twitter.com/_pepeland_
facebook.com/pepeland3D
———————————————–

 

GreenSock | Getting Started with GSAP (GreenSock Animation Platform)

GreenSock

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.

Sigue leyendo

Ceaser – CSS Easing Animation Tool – Matthew Lein

Ceaser – CSS Easing Animation Tool

  1. Choose an easing type and test it out with a few effects.
  2. If you don’t quite like the easing, grab a handle and fix it.
  3. 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.

Ceaser - CSS Easing Animation Tool

 

Vía : Ceaser – CSS Easing Animation Tool – Matthew Lein.