I think a good way to start would be to have a look I the source code, fork it and experiment on it: https://github.com/plehoux/fontBomb/tree/master/src/coffee

I think a good way to start would be to have a look I the source code, fork it and experiment on it: https://github.com/plehoux/fontBomb/tree/master/src/coffee https://github.com/plehoux/fontBomb/tree/master/src/coffee If you want to google your way out of it start with something like "CSS 2d transform". There's a lot of differents technologies going on in the background, but it still fairly simple to understand. 1. I parse the the html to wrap each character in a <particle> tag. + Some hacks, to keep withespace. 2. I iterate trough all <particle> element and add velocity depending of bomb position. 3. Velocity is calculated with basic trigonometry. I then move the particules with css 2d transform. ps. I putted a lot of effort in optimisation, no Math.sqrt, no objects in the loop (velocityX vs velocity.x), etc. But at the end the bottleneck is really the browser rendering.