Creepy Teddy Walk Cycle
Skyworks Parallax
A project I recently worked on with @[35307:Eric Cleckner], making a landscape parallax in CSS.
IBMburger
Learning SVG Animations, using SMIL. The 'circle x' is part of our design language at IBM Design.
The animation is a bit off, but you can play with the real thing here.
Slight Work Animation
Janky Test Animation
Concierge - rede globo
F
Super Firework Burger
IsoPoly Tribute / Blender Animation Nodes Test
I have really been enjoying the animated GIF works of designer friend @[103573:marcus martinez] up on my skills in Python to accomplish such a task - but then I came across a review for the Blender Animation Nodes addon over the weekend. What's this? No need to navigate the complex and sometimes obscure hierarchy of Blender's Python API? Interactive and real-time feedback on a continually animating scene when I change values in a node network? No more complex and awkward driver setup where it's hard just to navigate between individual animated properties? YES PLEASE!
Review:
http://www.blendernation.com/2015/03/17/review-animation-nodes-addon/
Addon:
https://github.com/JacquesLucke/animation-nodes
The badass who designed the system, Jacques Lucke, was making my dream of node based object instancing and animation control possible with this addon. It was a little bit unstable and behaved a little bit strangely in a few ways I could not have expected until after I had wrapped my mind around its implementation of the object list looping concept - but in just a single evening of focus, I was able to learn the tool well enough to produce this fun little system of objects. I would highly recommend this plugin to anyone who already loves node based workflows and knows a little bit of trigonometry. Just make sure to save your work frequently while incrementing your blend file's version number, and learn how to use Blender's "Recover Auto Save" feature. ;)
I hope that by exposing this addon to more users, we'll increase the likelihood of getting this addon, or something very similar to it, developed to a point of stability, bundled with the software and enabled by default. This kind of power should be at everyone's fingertips.
You can see an overview of the node setup that I created this scene with at the Imgur gallery here:
http://imgur.com/gallery/3MApw/
Shape Monsters' Walk
Oh excuse me
Working on some animations for this set
Add To Bucket
Onboarding animations
The Pong Challenge
Icons Animated
Pika-pi
Playing with some wiggle code. I'm trying to do an nodding toy, but its not similar u.u
░█▀▀▄░░░░░░░░░░░▄▀▀█
░█░░░▀▄░▄▄▄▄▄░▄▀░░░█
░░▀▄░░░▀░░░░░▀░░░▄▀
░░░░▌░▄▄░░░▄▄░▐▀▀
░░░▐░░█▄░░░▄█░░▌▄▄▀▀▀▀█
░░░▌▄▄▀▀░▄░▀▀▄▄▐░░░░░░█
▄▀▀▐▀▀░▄▄▄▄▄░▀▀▌▄▄▄░░░█
█░░░▀▄░█░░░█░▄▀░░░░█▀▀▀
░▀▄░░▀░░▀▀▀░░▀░░░▄█▀
░░░█░░░░░░░░░░░▄▀▄░▀▄
░░░█░░░░░░░░░▄▀█░░█░░█
░░░█░░░░░░░░░░░█▄█░░▄▀
░░░█░░░░░░░░░░░████▀
░░░▀▄▄▀▀▄▄▀▀▄▄▄█
Final animated logo
Shortlist
{GIF} Rotation Experiment #1
This is a low res capture of one of the CSS experiments I've been creating lately, you'll find the full version at this link. It looks quite a bit different when rendered by the browser.
These experiments help me grow as a front-end dev by seeing what's possible via art.
This effect consists of 100 rectangles, with rounded edges, and incrementally decreasing opacity. This are animated using CSS keyframe animations to rotate on the Z, X, and Y axis. Further, the color shift is created by using HSL, and iteratively adding the rectangle's number to the hue.
This is totally open source, so please feel free to fork this and have fun