GANNON.TV

Newton 2 and LEGO are seriously meant for each other. You can read about this project here.

Part of my LEGO series.

Check out my post on the future of interactive animation.

You can play play with this animation on CodePen.

I made this as a pure animation in After Effects a while back when I first bought RubberHose (and before Bodymovin was supported). Consequently I used features that weren't supported.

Finally I have refactored the animation (and entirely rebuilt some graphical components) to conform to the Bodymovin export spec. 

I must say refactoring wasn't as bad as it could have been - the Bodymovin and RubberHose UIs are getting better all the time and they are really starting to work well together as long as you're aware of what is and isn't supported. 

I've had to make a few compromises - I built the treadmill with a RubberHose noodle using lots of unsupported features - it looked perfect in video but wouldn't export in Bodymovin. I had to draw and animate it in a way that makes SVG happy (which isn't easy!).

Everybody loves LEGO and nobody likes waiting. 

Here's the beautiful vector version on CodePen.

Part of my LEGO series.

Created in After Effects using RubberHose and exported as SVG for web using Bodymovin this is another foray into the stressful world of walk cycles.

I wrote a little JavaScript library called ScrubBodymovinTimeline that lets you scrub through your Bodymovin timeline in the browser. This allows finer control when previewing the motion and any interactivity you might want to add.

Have a look on CodePen here - just drag your mouse back and forth inside the main animation window (desktop only).

A little loop I created for my son who loves LEGO.

Part of my LEGO series.

My personal project centred around LEGO continues, this time with a brick selector - not only can you choose the colour but also the size!

I built this using GreenSock, Bodymovin, After Effects and plain old SVG.

Part of my LEGO series.

An interactive Bodymovin experiment that lets you swap out various objects that the LEGO head is holding. Because why not!?

Part of my LEGO series.

My recent talks were split into several sections - dials, buttons, animations, sliders etc. Each had their own intro screen. This was for the Loaders section.