Online Breakout Game

Run status

{{ presetLabel }} wall · best {{ bestScore }}

Score {{ score }} Lives {{ lives }} Bricks {{ bricksRemaining }}

Score

Best

Lives

Level

Streak

x{{ streak }}

Time

State

{{ bricksCleared }} bricks cleared • {{ bricksRemaining }} left

Graphics unavailable. Try another browser or device.

Breakout

Choose a preset, then clear the wall without dropping the ball.

Ball speed:

Use a slower pace for practice or a faster pace for tighter reaction work.

{{ Number(customBallSpeed).toFixed(2) }}x opening pace

Paddle width:

Wider paddles make recovery safer; narrower paddles make edge control matter more.

{{ Number(customPaddleWidth).toFixed(2) }} field units

Opening rows:

Choose fewer rows for short practice rounds or more rows for longer clears.

Pointer-drag the playfield for direct paddle control, then use paddle edges to sweep columns and stack streak multipliers.

Controls

← →

move paddle

Mouse Touch

direct paddle aim

Space P

pause & resume

fullscreen

Paused

Press Space or P to continue

Game Over

Run Summary

Wall cleared or rally ended. Review the run, then drop back in.

Final Score {{ score }}

Score{{ score }}
Best{{ bestScore }}
Level reached{{ level }}
Time{{ runClock }}
Clears{{ bricksCleared }}
Max streakx{{ longestStreak }}

Mouse Trail Guide Auto

Metric	Value	Copy
{{ row.label }}	{{ row.value }}

Time	Event	Value	Detail	Copy
{{ row.time }}	{{ row.event }}	{{ row.value }}	{{ row.detail }}

Embed:

Customize

Include current inputs

Size

Advanced

Width

Height

Aspect ratio

Max height

Collapsible embed

Allow fullscreen

Referrer policy

Sandbox tokens

Brick-breaking games turn a small set of rules into a demanding rhythm problem. A paddle guards the bottom of the playfield, a ball rebounds through a rectangular space, and each brick hit changes the wall that the player is trying to clear. The idea is easy to recognize, but useful control comes from steering the next return, not merely reacting to the last bounce.

A center hit usually buys time because the ball travels on a straighter path. An edge hit sends the ball sideways, which can carve through columns faster and create long scoring bursts. The tradeoff is recovery: a sharp angle can reach the paddle sooner, and a missed return costs a life instead of just breaking the rhythm.

Breakout difficulty factors and common reading mistakes.
Factor	What changes in play	Common mistake
Ball speed	Faster movement leaves less time to aim, recover, and read rebounds.	Comparing scores without noting that one run used a slower opening pace.
Paddle width	A wider paddle forgives late movement and makes saves easier.	Treating a wide-paddle personal best as equal to a narrow-paddle run.
Brick rows	More rows add targets, lengthen the wall clear, and increase the chance of awkward rebounds.	Looking only at score instead of the amount of wall actually cleared.
Lives	Extra misses give more chances to recover from bad angles.	Calling two runs equivalent when one allowed more dropped balls.

Breakout playfield diagram showing paddle hit zones, center and edge ball paths, a brick wall, and score comparison cues.

Scores make sense only when the challenge is known. A higher number can come from better aim, but it can also come from more forgiving lives, slower movement, a wider paddle, or fewer opening rows. For practice, the most useful comparison is usually a repeated setup with the same control method.

The result should be treated as entertainment, training, and personal tracking. It is not a public tournament record, a prize result, or a cash-equivalent value. Browser graphics support also matters because the playfield needs a working graphics canvas before the ball, paddle, bricks, and effects can render correctly.

How to Use This Tool:

Choose the challenge before judging the score. A fixed setup makes later runs easier to compare.

Start with Easy, Normal, or Hard. Easy gives 4 lives and a wider paddle, Normal uses 3 lives with a medium paddle, and Hard starts with a narrower paddle, faster ball, and 7 opening rows.
Pick Custom for practice drills. Ball speed accepts 0.60x to 1.80x, Paddle width accepts 1.0 to 2.4, and Opening rows accepts 3 to 9.
Set the play aids before the run matters. Mouse controls pointer aiming, Trail draws motion particles, Guide shows the launch or travel direction, and Auto serves automatically after the run starts or a life is lost.
Move the paddle with the arrow keys, pointer drag, or touch buttons. Press Space to serve a held ball, and use Space or P to pause and resume once the ball is moving.
Watch Score, Lives, Level, Streak, and Time during the rally. Center hits are safer when you need recovery, while edge hits can sweep bricks faster when you can still reach the return.
If the playfield reports graphics unavailable, reload once and then try a browser or device with WebGL support. The game cannot produce a meaningful run until the interactive playfield appears.
After a run, use Run Summary for the high-level record, Brick Ledger for event timing, and JSON when you need a structured copy of the run details.

Interpreting Results:

Score is the headline number, but it is not the whole run. Each brick starts at 10 points and the active streak multiplies that value, so a short burst of fast hits can lift the score even when the wall is not close to cleared.

A fair comparison checks setup, progress, and mistakes together. A lower Hard score may reflect stronger play than a higher Easy score, while a high Custom score may simply reflect a slower ball or wider paddle.

Breakout result fields and comparison checks.
Result field	What it tells you	Check before trusting the comparison
`Score`	Total points from brick hits after streak multipliers.	Confirm the same preset or identical Custom values.
`Overall best score`	The highest score saved in the current browser profile.	It is local to this browser and can mix different setups.
`Preset best score`	The highest saved score for the selected setup label.	Use it when changing setup would make the overall best misleading.
`Level reached`	The active wall number reached during the run.	Level `2` means the first wall was cleared before the new wall started.
`Current wall progress`	Removed bricks from the active wall, shown against that wall's total.	It restarts after a wall clear, so pair it with `Walls cleared`.
`Longest streak`	The largest quick-hit chain kept inside the 3.5-second streak window.	A high streak can be one burst; verify `Run bricks cleared` too.
`Misses`	Dropped balls that cost lives.	Several misses with a high score may mean the run was saved by extra lives.
`Run duration`	Active play time in minutes and seconds.	Use it as rally time, not as proof that the browser tab was open for that long.

The false-confidence case is a new best earned under easier settings. Treat it as a valid personal result, then verify the setup and supporting fields before calling it better play.

Technical Details:

Breakout physics are built from bounded motion and collision response. The ball reverses horizontal direction at side walls, reverses vertical direction at the top wall, and costs a life after crossing below the paddle. Brick contact removes one brick, changes the ball's direction based on the collision overlap, and adds score.

Paddle contact is the main steering mechanism. A hit turns the ball upward, and the contact point changes horizontal speed. A centered hit keeps the route easier to read, while an off-center hit adds sideways movement up to a cap so edge shots remain useful without letting the ball accelerate sideways without limit.

Progression is pressure-based. Clearing every brick advances the level, rebuilds the wall with one more row than the previous wall, and increases the base upward speed. Very shallow paths are nudged away from near-zero movement so the ball keeps circulating instead of flattening into a stalled route.

Formula Core

The core scoring and progression rules are deterministic once the setup, hit timing, and collision path are known.

\begin{array}{lcl} {points}_{brick} & = & 10 \times s \\ s' & = & {\begin{cases} s + 1 if next brick hit arrives within 3.5 s \\ 1 otherwise \end{cases} \\ {bricks}_{wall} & = & 10 \times (baseRows + level - 1) \\ v_{y,next} & = & clamp (| v_{y} | + 0.004, 0.015, 0.085) \\ v_{x,next} & = & clamp (v_{x} + 0.012 \times o, - 0.06, 0.06) \end{array}

Breakout formula terms and gameplay meanings.
Term	Meaning	Value or range	Practical effect
`s`	Current streak multiplier before or after a brick hit.	1 and up	Raises the 10-point brick value when brick hits stay close together.
`baseRows`	Opening row count for the selected setup.	3 to 9	Sets the first wall size before later levels add rows.
`level`	The active wall number.	1 and up	Each new level adds one row to the wall.
`vy`	Base vertical ball speed.	0.015 to 0.085	Rises after each wall clear, shortening reaction time.
`o`	Normalized paddle hit offset.	-1 to 1	Center hits stay safer; edge hits add sideways speed.

Setup Values

Breakout setup values by preset.
Setup	Lives	Paddle width	Opening rows	Opening ball velocity
Easy	4	2.1	6	x `0.015`, y `0.022`.
Normal	3	1.6	6	x `0.020`, y `0.030`.
Hard	3	1.25	7	x `0.028`, y `0.038`.
Custom	3	1.0 to 2.4	3 to 9	Normal velocity multiplied by `0.60` to `1.80`.

Rule Core

Breakout collision and run-state rules.
Event	Rule	Visible effect
Serve	The held ball launches upward with a random left or right horizontal direction.	`State` moves from `Serve` to `Live`.
Side wall	Horizontal velocity reverses while vertical motion continues.	The rally stays alive without adding score.
Top wall	Vertical velocity turns downward after reaching the upper boundary.	The ball returns toward the paddle.
Paddle	Vertical velocity turns upward, and hit offset adjusts horizontal velocity within the cap.	`Paddle saves` increases by one.
Brick	One brick is removed, one velocity axis reverses, and score rises by `10 x streak`.	`Score`, `Run bricks cleared`, and the ledger update.
Bottom miss	One life is removed, streak resets, and the next serve is prepared if lives remain.	`Misses` increases and `Lives` drops.
Wall clear	Level increases, the wall is rebuilt, streak resets, and vertical speed rises.	`Level reached` increases and `Current wall progress` restarts.

Limitations and Browser Notes:

The game is a local practice and entertainment surface, not an official leaderboard. Best scores and recent runs belong to the current browser profile unless you copy or download the run record.

The playfield requires WebGL-capable browser graphics. If that feature is blocked or unavailable, the run cannot start correctly.
Overall best score, Preset best score, and recent run history can disappear when site data is cleared or private browsing data is closed.
Keyboard, pointer, and touch controls can feel different. Keep the control method stable when comparing practice runs.
Sound depends on browser audio rules and may not start until after a click, key press, or touch action.

Advanced Tips:

Use Preset best score before Overall best score when Easy, Normal, Hard, and Custom runs have been mixed in the same browser profile.
For Custom practice, change only one setting at a time. Raising Ball speed, narrowing Paddle width, and adding Opening rows all change the challenge in different ways.
Keep Mouse, Trail, Guide, and Auto stable when comparing attempts. Those aids do not alter score rules, but they can change how early you see and recover from a bad angle.
Check Brick Ledger after a surprising score. A short streak burst can explain a score jump even when Current wall progress is lower than expected.
Copy or download a run record before clearing site data, switching browser profiles, or using private browsing. Saved bests and recent history are browser-profile records.

Worked Examples:

A steady Normal run

A Normal run ending with Score 740, Level reached 1, Current wall progress 46 / 60 (77%), and Longest streak x4 is a solid first-wall result. The score is helped by at least one quick chain, but the progress field confirms that most of the opening wall was actually removed.

A lower Hard score with stronger pressure

A Hard run with Score 620, Level reached 1, Current wall progress 33 / 70 (47%), and Longest streak x5 may be harder earned than a slightly higher Easy score. Hard starts with seven rows, a 1.25-wide paddle, and faster velocity, so the same score range comes from tighter reaction windows.

A wall clear that resets current progress

After clearing the first Normal wall, a later summary might show Score 1120, Level reached 2, and Current wall progress 18 / 70 (26%). That does not mean only 18 bricks were cleared during the whole run. It means the first 60-brick wall was cleared, the second wall has 70 bricks, and 18 of those new bricks are gone.

A graphics warning before the first serve

If the stage reports graphics unavailable before play starts, score fields and controls are not the issue. The browser did not provide usable WebGL graphics. Reload once, then switch browser or device if the playfield still does not appear.

FAQ:

Does the game save my best score?

Yes. Overall best score, Preset best score, and a small recent-run list are saved in the current browser profile, so clearing site data can remove them.

Why is the ball waiting on the paddle?

The run is in a held serve state. This can happen at the start, after a manual reset, or after a missed ball when Auto is off. Press Space, tap Serve, or click the playfield to launch.

Do Trail and Guide change the score?

No. Trail makes motion easier to see and Guide shows direction, but they do not change brick value, paddle width, ball speed, collision rules, or level progression.

Can I compare Easy, Normal, Hard, and Custom scores?

You can compare them informally, but use Preset best score, setup values, Level reached, and Current wall progress before calling one run stronger than another.

Can I play without the mouse?

Yes. Turn Mouse off for arrow-key movement, or use the touch controls on smaller screens. Space handles serve and pause during keyboard play.

Does the score have prize or cash value?

No. Score, Overall best score, and Preset best score are personal entertainment and practice markers, not wagering outcomes, prizes, or official rankings.

Glossary:

Breakout-style play: A brick-breaking game pattern where a paddle keeps a ball in play while the ball removes a wall of bricks.
Serve: The launch of a held ball from the paddle into the active playfield.
Paddle save: A successful paddle contact that keeps the ball from dropping below the bottom boundary.
Streak window: The 3.5-second timing window in which another brick hit increases the streak multiplier.
Wall clear: The moment all bricks in the active wall are removed and the next level is built.
Current wall progress: The removed-brick count and percentage for the active wall, not for the whole run.
Preset best score: The highest locally saved score for the selected setup label.
WebGL: The browser graphics feature used to draw the interactive playfield.

References:

Breakout, Atari.
WebGL: 3D Graphics for the Web, Khronos Group.
WebGL: 2D and 3D graphics for the web, MDN Web Docs.
Window: localStorage property, MDN Web Docs, November 30, 2025.