User Rating 0.0 ★★★★★

Total Usage 0 times

Category Logic Games

Score 0

Level 1

Lives 3

Combo 0

Best 0

3D Ball Breaker

Break bricks across depth layers

Mouse / Touch: Move paddle Space: Launch ball P: Pause A/D or ←/→: Keyboard paddle

Is this tool helpful?

Your feedback helps us improve.

★ ★ ★ ★ ★

About

Standard 2D breakout clones ignore the spatial dimension that makes brick destruction satisfying. This implementation renders a brick field across multiple z-depth layers using real perspective projection: screen coordinates are computed as x_screen = (x − c_x) ⋅ fz + f + c_x, where f is the focal length and c_x is the viewport center. Ball physics use Euler integration with reflection vectors calculated from surface normals at collision points. Paddle contact angle determines the outgoing trajectory via θ = lerp(−60°, 60°, hitRatio), giving the player directional control. Front-layer bricks must be cleared before deeper layers become reachable. Miscalculating angle control at higher levels, where ball speed scales by 1.08^level, results in rapid life loss.

The engine handles multi-ball splits, fireball penetration, and paddle width modifiers as real physics state changes rather than visual tricks. Particle explosions on brick destruction use the same 3D projection pipeline. Combo multipliers reward consecutive hits without paddle contact. Note: collision detection uses axis-aligned bounding boxes projected to 2D, which can produce occasional edge-case misses on bricks at extreme depth parallax. Pro tip: aim for the corners of the brick field where ricochet geometry maximizes chain reactions across depth layers.

Reference Data

Level	Depth Layers	Ball Speed	Brick Rows	Brick Health	Power-up Chance	Points per Brick	Combo Bonus
1	2	4.0 px/frame	4	1 hit	20%	10	×1.0
2	2	4.3 px/frame	5	1	18%	15	×1.1
3	3	4.6 px/frame	5	1-2	16%	20	×1.2
4	3	5.0 px/frame	6	1-2	15%	25	×1.3
5	3	5.4 px/frame	6	1-3	14%	30	×1.4
6	4	5.8 px/frame	7	2-3	12%	40	×1.5
7	4	6.3 px/frame	7	2-3	10%	50	×1.6
8	4	6.8 px/frame	8	2-4	10%	60	×1.7
9	5	7.3 px/frame	8	3-4	8%	75	×1.8
10	5	8.0 px/frame	9	3-5	6%	100	×2.0
Power-Up Reference
Multi-Ball		Splits into 3 balls		Duration: until lost		Blue glow
Wide Paddle		1.5× width		12 sec		Green glow
Fireball		Penetrates bricks		8 sec		Orange glow
Slow Ball		0.6× speed		10 sec		Purple glow
Extra Life		+1 life		Instant		Red glow

Frequently Asked Questions

Collision detection operates in 2D screen space after projection. Bricks at greater z-depth appear smaller on screen, making them harder to hit. Their projected bounding boxes shrink proportionally by the factor f / (z + f). At z = 200 with f = 400, a brick appears at 66% of its front-layer size. This is intentional difficulty scaling, not a rendering artifact.

The engine uses discrete collision detection (checking overlap each frame). At high speeds, the ball can tunnel through thin edges between frames. This occurs when ball displacement per frame exceeds the brick's projected width. The engine mitigates this with sub-step collision checks at speeds above 8 px/frame, but at extreme levels edge cases remain. Aim for center hits on deep-layer bricks.

Each brick has a z-coordinate representing its depth layer. The ball's collision is only checked against the frontmost active brick in each column. Once a front brick is destroyed, the brick behind it (higher z-value) becomes the new collision target. You cannot skip layers. This creates a strategic excavation mechanic where clearing specific columns opens paths to high-value deep bricks.

Each ball instance maintains its own combo counter. A combo increments when the ball hits bricks consecutively without touching the paddle. Multi-ball power-up creates 3 independent balls, each with their own combo tracker. The score formula is basePoints × (1 + 0.1 × comboCount). A 10-hit combo yields a 2× multiplier. Fireball combos stack especially fast since the ball penetrates without reflection, allowing 20+ combos.

The paddle uses a linear mapping. The hit position is normalized to a 0-1 range across the paddle width. This maps to an angle range of −60° to +60° from vertical. The extreme edges produce sharp angles that are harder to control but essential for reaching side columns. The center 20% of the paddle produces near-vertical returns (−12° to +12°), making it the safe zone for controlled play.

When a brick is destroyed, a random roll against the level's power-up chance determines if a drop occurs. If triggered, the type is selected with weighted probability: Multi-Ball 25%, Wide Paddle 25%, Fireball 20%, Slow Ball 20%, Extra Life 10%. Power-up capsules fall at a constant 2 px/frame and must be caught by the paddle. Only one timed power-up can be active at once (new pickup replaces the old). Extra Life and Multi-Ball are instant and stack.