engine.scope(({ start, cls, rectfill, circfill, btn, btnp, pset, rnd, text, caption, base }) => { const { Constants, buildBricks, countRow } = base(); const { PaddleW, PaddleH, PaddleY, PaddleSpeed, BallR } = Constants; let paddleX = 64 - PaddleW / 2; let bricks = buildBricks(); let ballX = 64; let ballY = PaddleY - BallR; let ballDx = 0; let ballDy = 0; let launched = false; 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 resetBall() { burst(ballX, ballY, 7, 8); flash(8, 6); launched = false; ballDx = 0; ballDy = 0; } 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(bricks, 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 }); });

Editando: Game Juice: Pulsing and Easing

Ediciones recientes

Plugins