Skip to content

Arcade › Neon Breakout

Neon Breakout

  • arcade
  • breakout
  • neon
  • 2d-style
  • casual
0
Remix it Discord

0 plays

How to play

Click the game above and it runs right here in your browser. No download, no installer, no account needed. William Verden built it with Cinevva, so it works on a phone or a tablet too.

Discussion

Nobody has said anything about Neon Breakout yet. Play it, then tell William Verden what you would add next.

Make your own game

Neon Breakout was built by William Verden with the Cinevva game creator: describe the game you want in chat, watch it get built, and play it in your browser minutes later.

Remix Neon Breakout opens the real game in the creator and forks its actual files, chat and design doc, so you start from the code rather than from a description.

Read the build brief for Neon Breakout

Cinevva's analyzer read this game's design doc and its source, then wrote the brief below. "Make your own" hands it to the game creator as your opening message, so you start from a real spec rather than a one-line idea.

Rebuild a game titled “Neon Breakout” as a single-screen 2D-style arcade breakout game rendered with a Three.js orthographic camera. The playfield uses a fixed logical area about 20 units wide by 15 units high, scaled responsively to fit the browser while preserving the full field; on tall screens it should appear as a tall portrait-oriented view like the reference. Use a very dark navy/black background (#0a0a1a) with subtle thin blue-gray neon grid lines across the field. There are no borders or decorative scenery beyond this grid.

At the top-left, add a fixed monospace HUD in bright cyan with a cyan glow/text-shadow: “SCORE: ” followed by a five-digit zero-padded score, and below it “LIVES: ” followed by the life count. Beneath that, show contextual cyan/pink status text when needed: initially “Click to launch ball”; after game over show red “GAME OVER - Click to restart”; otherwise leave it blank. Start with score 00000, 3 lives, level 1.

Create a standard breakout layout near the upper portion of the field: 6 rows by 10 columns of rectangular neon blocks. Each block is approximately 1.65 units wide and 0.6 high with small dark gaps. Rows 1–2 are bright cyan, rows 3–4 are bright magenta, and rows 5–6 are bright yellow. Each rectangle should have a solid vivid fill plus a slightly larger, translucent glow layer behind it. The first two rows are worth 50 points per block, the next two 30 points, and the bottom two 10 points. Every block takes one hit and disappears.

At the bottom, create a horizontal cyan glowing paddle, initially 4 units wide and 0.4 high, positioned around y=-6. It follows the mouse/touch horizontal position and is clamped inside the playfield. Also support ArrowLeft/ArrowRight and A/D as intended keyboard controls, but preserve the mouse/touch-following behavior. Create one glowing yellow ball, a small sphere around 0.35 radius, starting just above the paddle around y=-4.5 and moving upward at a base speed of 8 units/second with a randomized horizontal component. The ball bounces from the left and right walls and the top edge, and bounces from the paddle with its outgoing horizontal velocity determined by where it hits: hitting the left/right edge of the paddle sends it diagonally, while the center sends it more vertically. Slightly increase speed on paddle hits, capped at 1.5 times the current base speed. If a ball falls below the paddle, remove it; when all balls are lost, decrement a life and reset a single ball unless lives reach zero.

The game should be playable with mouse, touch, and keyboard: mouse movement and touch movement position the paddle; clicking/tapping or pressing Space launches a ball that is waiting with downward velocity, and Space/click/tap also fires a laser when laser mode is active. Pressing Space or clicking after game over resets the game to its initial state. Include the intended L-key shortcut for firing a laser during laser mode. Make touch input prevent scrolling.

When a ball hits a block, remove the block, add that row’s points, reverse the ball’s vertical direction based on which side it approached from, adjust its horizontal velocity slightly based on horizontal offset, and emit a short burst of small glowing particles. There is a 25% chance for a falling rectangular power-up to spawn below a destroyed block. Power-ups are small glowing boxes falling downward at 4 units/second and are collected by the paddle. Randomly choose among these exact effects and colors: multi (magenta), big (green), small (orange), fast (yellow), slow (purple), laser (cyan), sticky (magenta), explosive (orange). A multi power-up splits the current ball action into three balls with different horizontal velocities. Big increases paddle width by 2 up to 7; small decreases it by 1.5 down to 2. Fast increases ball speed by 3 up to 18; slow decreases it by 3 down to 4 and rescales active balls. Laser enables orange laser shots fired upward from the paddle, with a short muzzle particle flash; lasers travel quickly upward and destroy blocks on contact, awarding the block points. Sticky changes the paddle to purple and makes balls stick/reset on paddle contact or at the bottom until the effect expires. Explosive marks roughly 30% of the remaining blocks explosive; hitting one creates a yellow/orange particle explosion and destroys nearby blocks within about 2.5 units, with bonus points and occasional power-ups. Each temporary power-up effect lasts about 8 seconds; then laser/sticky colors and modes return to normal and paddle width returns to 4. Preserve the score, lives, level, and ball behavior described by these mechanics.

If all blocks are destroyed, advance the level, add 500 bonus points, increase base ball speed by 1 up to 18, spawn a fresh full 6x10 brick layout, and reset to one ball. Use bright untextured neon geometry with translucent glow duplicates, no lighting-dependent realism, and small glowing particle bursts for brick hits, explosions, power-up collection, and laser muzzle flashes. Keep the camera fixed and centered on the playfield; do not add camera shake, scrolling, enemies, or additional screens beyond the in-game HUD and restart message.

More free browser games

Browse the whole Arcade →