engine.scope(({ start, cls, rectfill, circfill, btn, btnp, pset, rnd, text, caption }) => { let paddleW = 24; let paddleH = 4; let paddleX = 64 - paddleW / 2; let paddleY = 118; let paddleSpeed = 3; let ballR = 3; let ballX = 64; let ballY = paddleY - ballR; let ballDx = 0; let ballDy = 0; let launched = false; let bricks = []; let rowColors = [8, 9, 14, 12]; let bgFlashTimer = 0; let flashTimer = 0; let flashColor = 0; let freezeTimer = 0; let PARTICLE_CAP = 60; let particles = []; let tick = 0; let score = 0; let displayScore = 0; let cleared = false; let animTimer = 0; let animDuration = 20; function easeOutQuad(t) { return t * (2 - t); } function flash(color, duration) { flashColor = color; flashTimer = duration; } function burst(x, y, color, count) { for (let i = 0; i < count; i++) { if (particles.length >= PARTICLE_CAP) { let found = false; for (let p of particles) { if (!p.active) { p.x = x; p.y = y; p.dx = (rnd() - 0.5) * 3; p.dy = (rnd() - 0.5) * 3; p.life = 15 + Math.floor(rnd() * 10); p.maxLife = p.life; p.color = color; p.active = true; found = true; break; } } if (!found) continue; } else { particles.push({ x: x, y: y, dx: (rnd() - 0.5) * 3, dy: (rnd() - 0.5) * 3, life: 15 + Math.floor(rnd() * 10), maxLife: 15, color: color, active: true, }); } } } function buildBricks() { bricks = []; for (let row = 0; row < 4; row++) { for (let col = 0; col < 8; col++) { bricks.push({ x: 3 + col * 16, y: 10 + row * 8, baseY: 10 + row * 8, color: rowColors[row], active: true, }); } } animTimer = 0; cleared = false; score = 0; displayScore = 0; } buildBricks(); function resetBall() { burst(ballX, ballY, 7, 8); flash(8, 6); launched = false; ballDx = 0; ballDy = 0; } function countRow(row) { let count = 0; for (let i = row * 8; i < row * 8 + 8; i++) { if (bricks[i].active) count++; } return count; } function update() { tick++; if (animTimer < animDuration) { animTimer++; } if (displayScore < score) { displayScore += (score - displayScore) * 0.2; if (score - displayScore < 1) displayScore = score; } if (freezeTimer > 0) { freezeTimer--; return; } if (btn('ArrowLeft')) paddleX -= paddleSpeed; if (btn('ArrowRight')) paddleX += paddleSpeed; if (paddleX < 0) paddleX = 0; if (paddleX > 128 - paddleW) paddleX = 128 - paddleW; if (!launched) { ballX = paddleX + paddleW / 2; ballY = paddleY - ballR; if (btnp('z')) { launched = true; ballDx = 1; ballDy = -2; } return; } ballX += ballDx; ballY += ballDy; if (ballX - ballR < 0) { ballX = ballR; ballDx = -ballDx; } if (ballX + ballR > 127) { ballX = 127 - ballR; ballDx = -ballDx; } if (ballY - ballR < 0) { ballY = ballR; ballDy = -ballDy; } if (ballY > 128) { resetBall(); return; } if (ballDy > 0 && ballY + ballR >= paddleY && ballY + ballR <= paddleY + paddleH && ballX >= paddleX && ballX <= paddleX + paddleW) { ballDy = -ballDy; let hit = (ballX - paddleX) / paddleW; ballDx = (hit - 0.5) * 4; ballY = paddleY - ballR; } for (let b of bricks) { if (!b.active) continue; if (ballX + ballR > b.x && ballX - ballR < b.x + 14 && ballY + ballR > b.y && ballY - ballR < b.y + 6) { let row = Math.floor((b.baseY - 10) / 8); b.active = false; ballDy = -ballDy; bgFlashTimer = 3; burst(b.x + 7, b.y + 3, b.color, 4); score += 10; if (countRow(row) === 0) { freezeTimer = 6; } break; } } let remaining = 0; for (let b of bricks) { if (b.active) remaining++; } if (remaining === 0 && !cleared) { cleared = true; } for (let p of particles) { if (!p.active) continue; p.x += p.dx; p.y += p.dy; p.dy += 0.05; p.life--; if (p.life <= 0) p.active = false; } } function draw() { if (bgFlashTimer > 0) { bgFlashTimer--; cls(1); } else { cls(0); } let t = animTimer < animDuration ? easeOutQuad(animTimer / animDuration) : 1; for (let b of bricks) { if (!b.active) continue; let drawY = b.baseY - 20 + 20 * t; rectfill(b.x, drawY, b.x + 13, drawY + 5, b.color); } rectfill(paddleX, paddleY, paddleX + paddleW - 1, paddleY + paddleH - 1, 7); circfill(ballX, ballY, ballR, 10); for (let p of particles) { if (!p.active) continue; if (p.life > p.maxLife * 0.5) { rectfill(p.x, p.y, p.x + 1, p.y + 1, p.color); } else { pset(p.x, p.y, p.color); } } if (flashTimer > 0) { flashTimer--; if (flashTimer % 2 === 0) { rectfill(0, 0, 127, 127, flashColor); } } if (!launched && !cleared) { let pulse = Math.sin(tick * 0.1); let col = pulse > 0 ? 7 : 6; text('READY', 44, 70, col); } if (cleared) { let pulse = Math.sin(tick * 0.15); let col = pulse > 0.3 ? 11 : pulse > -0.3 ? 10 : 9; text('CLEARED!', 36, 60, col); } text('' + Math.floor(displayScore), 2, 0, 7); let remaining = 0; for (let b of bricks) { if (b.active) remaining++; } caption(remaining + ' bricks left'); } start({ sprites: {}, sounds: {}, update, draw }); });

Editing: Game Juice: Pulsing and Easing

Recent Edits

Plugins