Read Next

Hacking Our Way to Vector Artwork in HTML5

On CodeCombat Blog

Several months ago we switched from sprite sheets to vector data for all our artwork. Image quality went up, network transfer went way down, and we got to keep Flash as the tool for creating the raw assets. Read on for how we hackily convert Flash animations into a custom JSON vector format EaselJS can use and manipulate in all sorts of useful ways, along with the pitfalls and obstacles that came along the way.

The main issue is that sprite sheets are enormous. File size needs and image quality needs are diametrically opposed in a raster world.

The fangrider's impressive wingspan begets nearly 3MB in sprite sheet data, if it's good quality

The quickest way to your goal is a straight line, baby!

On Joshua Thomas

At first I thought this was going to be another hollow SUCCESS AND INSPIRATIONS image, but after taking a look at it I realized it's basically my entire life philosophy in an ugly vector graphic.

Fucking up is my favorite part of life. It happens way more than things going perfect, so you might as well learn to enjoy it and see how you can use it to your benefit.

A quote that's affected me more than any other(And really should be on my ridiculous FB quotes list) is something by Thomas Edison. When he was inventing the light bulb, an interviewer asked him if he was discouraged after his 100th failure trying to build the darn thing. He famously replied(And I paraphrase) "Failure's? I've successfully discovered 100 ways NOT to build a light bulb! "

Unless it's a life-or-death situation, don't ever over-prepare. Just wing it. In the long run you'll get better results.

Rendering New Theme...