Bottle Bash: An Incremental Smashing Game That Stays in Your Browser
Bottle Bash is a short, incremental game about breaking bottles scattered across a yard. Rounds last about twenty seconds, the cash you earn buys permanent upgrades, and the whole thing runs on a canvas in your browser tab. It sits with the rest of our tools because it follows the same rule: nothing you do leaves your device.
What the game is
Bottles lie scattered across a sandy yard at random angles, and every one you break is replaced somewhere else. A ring follows your mouse and shows the bat's reach. Click to swing, and anything inside the ring when you swing shatters and pays out. On a touch screen you tap where you want the bat to land, and a fullscreen button fills the whole screen. That is the entire control scheme.
The depth comes from the shop between rounds. It is an incremental game in the usual sense: a short action loop feeds a spending loop, and the spending makes the next action loop faster and more profitable. It was inspired by the browser game Smashing Bottles by Blue Makes Games; Bottle Bash is an independent project with its own code and is not affiliated with it.
How a round plays
A round is timed, 20 seconds at the start. Bottles enter, you break as many as you can, and the clock ends the round. Each bottle type has a cash value, and the basic beer bottle is worth the least. When the round ends you land in the shop with whatever you earned, spend it, and press the button for the next round.
If the bar goes quiet near the end, you can end the round early with the Space bar rather than watching the timer run out. That is also the shortcut that makes later rounds quick, covered below.
Why the combo matters
Every consecutive hit raises a combo multiplier by half a step, up to a cap you can raise in the shop. The multiplier applies to the cash from each bottle, so a long streak is worth far more than the same number of hits spread out.
Two rules shape how you play. The combo decays if you go about a second and a half without a hit, so you cannot wait for perfect targets forever. And a swing that connects with nothing, a whiff, resets the combo to one. The result is a rhythm rather than a mash: wait until a bottle is inside the ring, swing, move to the next one. Swinging constantly is the worst strategy, because every miss throws away the streak you built.
A sensible upgrade order
The shop has six upgrade tracks and five bottle unlocks. Prices rise with each level you buy, so the order matters less than not wasting early cash. This is the order that tends to feel good:
- Longer reach. A bigger ring turns near misses into hits, which protects your combo. Missing is the main thing that holds new players back.
- Quicker swing. A shorter cooldown lets you chain hits when bottles arrive close together.
- Heavier bat. Each level raises the cash from every bottle by a quarter of the base value. It is strong, but it multiplies what you already break, so it pays more once reach and speed let you break more.
- Bottle unlocks. Soda, wine and champagne add more valuable bottles to the yard. Crystal needs champagne first and takes two hits to break. The golden bottle is rare, worth sixty before multipliers, and needs crystal first.
- Longer shift, fuller yard and hot streak. More time, more bottles and a higher combo cap all scale the rest. They are worth buying throughout, and the combo cap matters most once you reliably keep a long streak going.
This is advice for a first run, not a solved strategy. If you find a better order, you are probably right.
What the space bar does
During a round, Space ends it early. In the shop, Space buys the cheapest upgrade you can currently afford, and Enter starts the next round. After a big round, holding Space spends the cash down quickly, and Enter gets you straight back to the bar. Once you know what you want, a whole round-and-shop cycle needs very little mouse travel.
How saving works, and why nothing is uploaded
Your cash, upgrade levels, unlocked bottles and best round are saved in your browser's
localStorage on your device. There is no account, no server-side save and no leaderboard,
because those would all mean sending data somewhere. The practical consequences are worth knowing:
progress stays on the browser and device you played on, clearing site data erases it, and a private
window will not keep it. The shop has a reset button if you want to start over.
This is the same approach as every other page here. The image and PDF tools process files locally, and the game keeps its state locally for the same reason: there is no good reason for it to leave.
How it is built
Bottle Bash is vanilla JavaScript drawn onto a canvas, with no framework and no build step. There are no image or audio files either: the bottles are drawn in code and the sounds are synthesised with the Web Audio API, which also means the page is light to load. The rules, meaning prices, payouts, combo maths, hit detection and the save format, live in a separate pure-function module with no access to the page. Because that module has no DOM dependencies, it is covered by unit tests, and the drawing and input code only has to ask it what happens.
More games and tools
Bottle Bash lives in the games hub alongside other small browser games. If you want a different take on breaking bottles, try Bottle Breaker. For the practical side of the site, the blog covers the image and PDF tools.
Back to blog