Бильярд

Mon, 22 Jul 2024 07:23:42 GMT

Billiards Game

body { display: flex; justify-content: center; align-items: center; height: 100vh; background-color: #2c3e50; margin: 0; } canvas { background-color: #27ae60; border: 1px solid #ecf0f1; } const canvas = document.getElementById('gameCanvas'); const ctx = canvas.getContext('2d'); const balls = []; const ballRadius = 10; const tableWidth = canvas.width; const tableHeight = canvas.height; class Ball { constructor(x, y, dx, dy) { this.x = x; this.y = y; this.dx = dx; this.dy = dy; } draw() { ctx.beginPath(); ctx.arc(this.x, this.y, ballRadius, 0, Math.PI * 2); ctx.fillStyle = "#fff"; ctx.fill(); ctx.closePath(); } update() { if (this.x + this.dx > tableWidth - ballRadius || this.x + this.dx < ballRadius) { this.dx = -this.dx; } if (this.y + this.dy > tableHeight - ballRadius || this.y + this.dy < ballRadius) { this.dy = -this.dy; } this.x += this.dx; this.y += this.dy; this.draw(); } } function init() { for (let i = 0; i < 5; i++) { const x = Math.random() * (tableWidth - ballRadius * 2) + ballRadius; const y = Math.random() * (tableHeight - ballRadius * 2) + ballRadius; const dx = (Math.random() - 0.5) * 2; const dy = (Math.random() - 0.5) * 2; balls.push(new Ball(x, y, dx, dy)); } } function animate() { requestAnimationFrame(animate); ctx.clearRect(0, 0, tableWidth, tableHeight); balls.forEach(ball => ball.update()); } init(); animate();

Dusk Drive

Thu, 31 Dec 2015 16:21:54 GMT

Play free games at Kongregate

Онлайн игры

Бильярд

Dusk Drive