Zombie animation

[mushon]

some fun references:

Perfect union:

nice proportions:

As for the birds eye view perspective:

CC: @NataliGil @orpgol @yuvadm

[Tamary]

8bit Zombie take one:

(Sprite for @orpgol )

[Tamary]

Define the different stages of animation and start working on basic animation for each. Each animation type will be in a different row on the sprite.

Walking in Appearing from the ground (Hand + body pulling from the ground) Eating (+pixels flying all over) Swallowing Dying Exploding Body parts?

[mushon]

Sounds great! :) Do consider the birds eye view again, I think it would make sense in turning the webpages surface into a plane. I think the side perspective doesn't do that just as much. Maybe the zombie can even crawl. I would also suggest sketching the animation as a basic stick figure for now, to quickly style the movement. You might also choose to use a bigger frame (say 300*300px) and have all the animation happen within it, rather than have to programmatically animate the image. Oh, and if you indeed go for a birds eye view, you could also randomly rotate the animation in 90 degrees and flip it horizontally to enjoy more visual variability for the same animated assets.

Ok, will submit this as soon as I've landed and am back online ;)

[Tamary]

Thanks @mushon, Do you have any tips for making the graphics fit both regular and retina display?

[mushon]

Sorry, just landed from London. Basically you need to design the assets as vector files and export them twice in two sizes. If you work with PSD there are a few plugins that do that. I use Sketch which supports this natively. Here are two links with more details:

http://imulus.github.io/retinajs/ http://retinize.it http://macrabbit.com/slicy/