How to play
Breakout
A precision arcade game with three lives, colorful bricks and continuous rebounds. Move the paddle with your mouse, finger or keyboard and find the angle to clear the board.
Progressive · 4 min
Move the paddle, aim your rebounds and clear every brick.
How to play
A precision arcade game with three lives, colorful bricks and continuous rebounds. Move the paddle with your mouse, finger or keyboard and find the angle to clear the board.
Move the paddle with ← →, A/D, your mouse or finger.
Launch the ball and keep it in play: you have three lives.
Break every brick; use different parts of the paddle to change the rebound angle.
Complete guide
Breakout gives you a paddle, a moving ball and fifty bricks to remove. The aim is immediately understandable: keep returning the ball until the wall is empty. You begin with three lives, losing one whenever the ball falls below the paddle. The interesting decisions happen between collisions. You need to work out where the ball will arrive, get the paddle there in time and, when the return is safe, choose where the next bounce should go.
This browser version uses a compact board with five brick rows and supports keyboard, mouse and touch controls. Visible buttons handle launching, pausing and continuing; Space performs those actions when the board has focus. The guide below describes this particular implementation and offers practical exercises for improving your returns. Your best score is stored in the browser you use, so the record provides a personal reference without requiring a public leaderboard or an account.
The wall contains ten bricks in each of five rows. A brick disappears when the ball hits it and awards its row value: fifty points across the top row, then forty, thirty, twenty and ten below it. Clearing all fifty bricks produces fifteen hundred points. There are no power ups and no additional clear bonus. Consequently, your score reflects the bricks removed, while the remaining wall tells you how much work is left. A few hits higher up can score more than several hits along the bottom.
Before launching, put the paddle somewhere comfortable and look at the available space beneath the bricks. Your first goal can be returning the ball several times on purpose, rather than targeting a particular row immediately. A calm return gives you time to understand how the ball travels. Following a lost life, the game waits for another launch if you have lives remaining. Use that interval to inspect the remaining bricks and reposition the paddle. There is no need to serve again before you are ready.
Removing the last brick wins the round. Missing the ball for the third time ends it. Reset starts a completely new attempt, restoring the full wall and all three lives. That action differs from launching after a miss: a new serve continues the current attempt with its existing points and remaining bricks. If a round becomes awkward, decide whether you want to solve its remaining layout or restart a specific practice exercise. Continuing gives you useful experience with late game situations.
As the ball descends, ask where it will cross the paddle's height. If it is travelling right, that crossing will be to the right of its current position; if it is travelling left, the opposite applies. Move towards the expected crossing while you still have room to correct. Following every tiny movement often produces unnecessary paddle adjustments. Looking a little ahead along the path helps you turn a frantic chase into an earlier, more deliberate placement.
A side wall reverses the horizontal direction. When the ball will hit an edge before reaching the paddle, prepare for the path after that collision instead of waiting directly beneath the corner. Imagine the wall folding the route back into the board. Initially, practise noticing just one forthcoming side bounce. Once that feels comfortable, consider a path with two. You do not need a precise angle calculation to make progress; recognizing whether the arrival will be central or near an edge is already useful.
A brick collision can change the path you were following. While the ball is near the wall, stay ready to revise your prediction instead of committing too strongly to one paddle position. A helpful routine is to observe the impact, identify the outgoing direction and then move. The lower half of the board is where the return becomes urgent. Leave yourself enough space for a small final adjustment there, rather than trying to cross the whole board after the ball is already close to the bottom.
The paddle does more than prevent a miss. Contact near its centre sends the ball upwards, while contact near its edges produces a wider angle, reaching up to sixty degrees from the upward vertical. This gives you a way to direct the next journey. However, landing the return and aiming it are separate decisions. When the incoming path is difficult, prioritize meeting the ball. Losing a life while attempting a clever side shot rarely creates a better opportunity than a plain, successful return.
To practise aiming, wait for a descent with enough time to position comfortably. Arrange a slightly off centre contact and observe which way the ball leaves. On a later return, try a central contact and compare the two paths. Change only the paddle's relative position during this exercise. That makes the result easier to connect with your decision. Moving rapidly back and forth at the contact moment makes it harder to tell which placement caused the outgoing direction.
A strongly angled shot crosses the board sideways and may touch a wall before reaching useful bricks. A more vertical shot covers a narrower column and can be easier to follow. Neither route is always preferable. When the remaining targets sit away from the centre, an angle can help reach them; when the round feels unstable, central contact simplifies the next descent. Choose according to the remaining wall and your ability to make the return, rather than assuming the most dramatic bounce must be the best one.
At the start, targets cover most of the width, so simply keeping the ball active creates chances to score. Gaps gradually change that layout. Notice which openings lead towards higher bricks and which let the ball pass through an already empty column. You do not need to plan a perfect route from the first serve. Look for small improvements: widen an opening, approach from another side or stop repeating a journey that crosses the same cleared space without hitting anything.
Upper rows award more points, but their value does not make a dangerous return automatically worthwhile. With three lives available, you may choose to explore an unfamiliar angle; on your final life, a dependable return can preserve more opportunities to finish. Points follow the bricks you break. This version has no hidden reward for clearing quickly, so there is no scoring reason to rush a serve or abandon a slow round that you can still complete.
The last few bricks create a different challenge: you can return the ball correctly and still miss every target. Identify which side holds a remaining brick, then vary the paddle contact moderately to steer a future path towards it. Small adjustments let you observe the result before trying a more extreme angle. If your shot misses the brick but you keep the ball alive, you have another chance to refine the direction. Treat those extra returns as useful attempts, rather than proof that the round has become impossible.
On a keyboard, Left and Right arrows or A and D move the paddle. Those controls belong to the board, so focus it first if the keys do not respond. Space launches, pauses or resumes according to the current state. The visible buttons provide the same session actions without memorizing shortcuts. Use one movement method for several returns before switching. Mixing inputs while learning can make it difficult to recognize how much your own movement changed the paddle's position.
With a mouse or touch screen, place the pointer or your finger at the horizontal position where you want the paddle. On a phone, choose a gesture that leaves the ball and its arrival area visible. If your hand covers the bottom of the board, adjust your contact position and use shorter movements. A comfortable posture makes deliberate corrections easier. Check how the paddle responds near both edges before attempting a full round, especially after changing the screen's orientation or moving to a different device.
Pause whenever you need to attend to something else. The game also pauses automatically when its tab becomes hidden, and you resume manually after returning. This preserves the current attempt; it does not reset the wall. Before continuing, locate the ball and recall its direction so the next movement is intentional. A brief pause can help you recover your place after an interruption. The game still depends on reading motion, so session buttons cannot replace watching the ball during an active return.
A short exercise can have a goal other than a high score. You might aim for five returns using mostly central contact, recognize a side bounce before it happens or send the ball towards a different area with a modest angle. Choose one target for a round. Afterwards, remember one situation you handled well and one that cost a life. A specific observation, such as moving too late after a right wall bounce, gives you a clearer next exercise than a general instruction to become faster.
Your highest score is saved locally in this browser. It provides a reference for personal attempts without sending results to a public score table. Another browser or device may hold a different record, and clearing browser data can remove it. The best score is also distinct from a saved round: it records a result rather than promising to restore the ball's previous position. On a shared device, other players may use the same browser storage and contribute to the same local record.
When judging progress, consider what helped you approach an empty wall. Reaching later stages with fewer sudden corrections may show better reading of the descent, even if a different attempt scored more through early hits on upper rows. Protecting lives and directing the ball are different tasks within the game. Alternate a calm return exercise with one focused on changing the outgoing path. When both become comfortable, combine them to work towards all fifty bricks rather than relying on a few fortunate collisions.
Atari describes Breakout as a game built on Pong's paddle and ball mechanics. Its article about the game's origins distinguishes Steve Wozniak's prototype from Gary Waters's later work preparing production. This site's version draws on the wall breaking idea and defines its own board rules and controls. Details from another commercial edition should therefore not be assumed to apply here.
For a technical follow up, MDN's Canvas animation tutorial explains updating drawings over time. The W3C Pointer Events specification describes a shared input model for mouse, pen and touch. Both are linked below alongside Atari's history article. You can play without reading them, but they offer useful starting points if the game makes you curious about motion and input in a web application.
Winning requires removing all fifty bricks. From top to bottom, the rows award fifty, forty, thirty, twenty and ten points per brick, making fifteen hundred points for the complete wall. An intermediate score does not end the round while bricks remain. There is no additional completion bonus to add after the final target disappears.
If you have lives remaining, the ball waits for another serve. Position the paddle and use the visible launch button or Space with the board focused. Your existing score and cleared bricks remain part of that attempt. Reset instead creates a new round with the entire wall restored, so choose it when you actually want to start over.
The contact point changes the outgoing direction. A hit near the centre goes upwards, while a hit near an edge produces a wider path. When you have time, meeting the ball nearer the centre can make the next return easier to follow. During an awkward arrival, keeping the ball in play matters more than achieving a particular angle.
Yes. Touch input positions the paddle horizontally, and visible buttons handle launching, pausing and continuing. Try to keep the arrival area visible while moving your finger. On a small screen, steady positioning and short corrections can make the descending path easier to read than large movements that hide part of the board behind your hand.
This implementation keeps the highest score in local browser storage, without score synchronization or a public leaderboard. A different device, another browser profile or cleared site data can show a different record. The stored number is useful for comparing attempts in that particular environment, rather than establishing a global result across everyone who plays.