Pure CSS vs. SVG performance

[nixnerd]

I’m doing a little play on Space Invaders. For the uninitiated, here’s what the game looks like:

Here is a little Codepen I made to give you a basic idea:

http://codepen.io/Joe_Temp/pen/gznjB

This will be part of a little game I’m making. It’s not a canvas game… because it doesn’t really need to be and there are some style things canvas doesn’t lend itself to. But, it will have a lot of JS.

Now, I’m trying to decide if I should use divs styled with CSS or an SVG. The divs give me WAAAAAAY more fine-tuned control. But, they will no doubt have a performance hit vs. SVG (or maybe not?).

Which would you use?

Note: I’m not crazy about the disgusting amount of markup with the div method… but again, I get all kinds of control.

[nixnerd]

Probably going to go with divs on this one.

[shaneisme]

Write up a HAML loop and find out :)

[Author]

Posts