Great fun.

A couple of suggestions, speaking as a front-end designer / occasional indie-game artist:

- I don't know how you're calculating it, but consider adding a bit of randomness to the effect radius. This way, you won't be blasting perfect circles each time.

- If keeping the graphics CSS-only isn't a priority, consider some sprites! If you need a sooty blast scar or maybe a simple explosion sprite, I'd be glad to lend a hand.

Some randomness would effectively be great to add! As for the sprites, I really wanted to focus on font and simplicity. It is much more about the chaos of many destructions, than about a single explosion.

I might add different velocity depending on the mousedown event duration. The longer you press, the bigger the explosion get.

Tks for your comments!

So awesome. Spent 10 min blowing the hell out of hn. Now instead of raging against trolls I can simply blow them up.

In Firefox 13, the explosions don't correspond to the clicked locations/where the bombs are placed.

I'm not using jquery and I had a lot of problems getting the position and offset of click and elements. I guess it still need more work.

Just curious, why it so faster in Safari then in Chrome?

My guess is that Safari rendering system use hardware acceleration and Chrome doesn't.

The bottleneck here is not javascript, it is the browser rendering system when applying all those css 2d transform.

Yep. Safari runs a 3D CSS demo/benchmark/unrealistic-stress-test I made much smoother than Chrome.

I'm kinda sure it has to do with hardware acceleration.

Would totally make sense given it works best in the two browsers most closely tied to the underlying OS.

I was totally impress by the speed of IE 9 running in a virtualbox instance on my macbook pro. Times they are changing!

This is cool...

When I looked at your JS, I thought to myself "that is a reasonable amount of code for that kind of functionality...even a little less than I would've thought"...considering there's no dependencies to browser-taming libraries: https://github.com/plehoux/fontBomb/blob/master/js/particle....

And then I saw the CS: https://github.com/plehoux/fontBomb/blob/master/src/coffee/p...

Nice!

Seems like this is calling out for a ClojureScript implementation, too.

Siiick!!

Thanks!