About Swipe Brick Breaker

What is Swipe Brick Breaker?

Swipe Brick Breaker is a free, browser-based arcade game inspired by classic brick breaker games. Swipe to aim and launch balls at numbered bricks — each brick must be hit the number of times shown to break. As you progress through rounds, bricks get tougher, the grid fills up, and strategy becomes essential.

The game is designed for quick, satisfying sessions — perfect for when you have a few minutes to spare. No downloads, no sign-ups. Just open the page and start playing.

How It Was Built

Swipe Brick Breaker is built entirely with web technologies, with no frameworks or heavy dependencies:

  • Vanilla JavaScript — no React, Vue, or Angular. Pure JS for maximum performance
  • HTML5 Canvas API — all game graphics are rendered on a single canvas element
  • Web Audio API — sound effects are synthesized in real-time, no audio files needed
  • CSS Custom Properties — seamless dark/light theme switching
  • Vite — fast build tool for development and production

Features

  • Instant play — no installation or account needed
  • Mobile-first design — touch controls that feel natural on any device
  • Dark & Light mode — automatic detection with manual toggle
  • Offline support — play without an internet connection via PWA
  • Statistics tracking — lifetime stats, daily bests, and streaks
  • Achievement badges — 8 badges to unlock as you play
  • Power-ups — extra balls, piercing shots, and double ball drops
  • Particle effects — satisfying visual feedback on every brick break
  • Leaderboard — compete with other players (Google sign-in required)
  • Challenge mode — share specific game setups with friends via URL
  • Bilingual — available in both Korean and English

Game Physics

The game runs a fixed-timestep physics simulation at 144Hz for precise ball movement and collision detection. Rendering is decoupled from physics using requestAnimationFrame, so the game feels smooth on any display. Ball-block collisions use swept AABB detection for accuracy, even at high speeds.

Updates

  • Combo system — chain multiple hits for bonus points with a 1.2s combo timer
  • Double Ball power-up — collect teal drops to get +2 balls
  • Near-miss callouts — visual alerts when blocks are one hit from breaking
  • Interactive tutorial — 5-step guide for new players
  • Score sharing — share your game-over screen with friends
  • Haptic feedback — vibration on block destruction (mobile)

Open Source

Swipe Brick Breaker is a passion project. If you have feedback, suggestions, or just want to say hi, feel free to reach out at [email protected].