AI game creator

Click here for free DL of the app version that can save data.

No:44970

102

←

Prev Next

→

Billiards
Developer User19521｜Date and time 24/2/19 20:56:17
Build time 14.91 sec｜Game capacity 1.834KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在の人気グッズランキング

Click here for free DL of the app version that can save data.

<!DOCTYPE html>
<html>
<head>
<title>Бильярд</title>
</head>
<body>
<canvas id="gameCanvas" width="800" height="600"></canvas>
<script>
const canvas = document.getElementById("gameCanvas");
const ctx = canvas.getContext("2d");

// Инициализация игры

// Отрисовка игрового поля
function drawTable() {
    // Отрисовка бильярдного стола
    ctx.fillStyle = "green";
    ctx.fillRect(0, 0, canvas.width, canvas.height);

// Отрисовка дыр на столе
    ctx.fillStyle = "black";
    ctx.beginPath();
    ctx.arc(50, 50, 20, 0, Math.PI * 2);
    ctx.fill();

ctx.beginPath();
    ctx.arc(canvas.width - 50, 50, 20, 0, Math.PI * 2);
    ctx.fill();

ctx.beginPath();
    ctx.arc(50, canvas.height - 50, 20, 0, Math.PI * 2);
    ctx.fill();

ctx.beginPath();
    ctx.arc(canvas.width - 50, canvas.height - 50, 20, 0, Math.PI * 2);
    ctx.fill();
}

// Отрисовка шаров на столе
function drawBalls() {
    // Отрисовка белого шара
    ctx.fillStyle = "white";
    ctx.beginPath();
    ctx.arc(canvas.width / 2, canvas.height / 2, 15, 0, Math.PI * 2);
    ctx.fill();

// Отрисовка черных шаров
    ctx.fillStyle = "black";
    ctx.beginPath();
    ctx.arc(100, 100, 15, 0, Math.PI * 2);
    ctx.fill();

ctx.beginPath();
    ctx.arc(canvas.width - 100, 100, 15, 0, Math.PI * 2);
    ctx.fill();

ctx.beginPath();
    ctx.arc(100, canvas.height - 100, 15, 0, Math.PI * 2);
    ctx.fill();

ctx.beginPath();
    ctx.arc(canvas.width - 100, canvas.height - 100, 15, 0, Math.PI * 2);
    ctx.fill();
}

// Инициализация игры
function startGame() {
    drawTable();
    drawBalls();
}

// Запуск игры
startGame();

</script>
</body>
</html>