AI game creator

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

No:50515

157

←

Prev Next

→

Billiards
Developer User21323｜Date and time 24/3/8 18:30:29
Build time 4.6 sec｜Game capacity 1.042KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋ゲームアプリランキング

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

<!DOCTYPE html>
<html>
<head>
  <title>Billiards Game</title>
</head>
<body>
<div id="canvas-container">
  <canvas id="billiards-game" width="800" height="600"></canvas>
</div>
<script>
  const canvas = document.getElementById('billiards-game');
  const ctx = canvas.getContext('2d');

function drawTable() {
    ctx.fillStyle = 'green';
    ctx.fillRect(50, 50, 700, 500);
    ctx.strokeStyle = 'white';
    ctx.lineWidth = 5;
    ctx.strokeRect(50, 50, 700, 500);
  }

function drawCueBall() {
    ctx.fillStyle = 'white';
    ctx.beginPath();
    ctx.arc(400, 300, 15, 0, Math.PI * 2);
    ctx.fill();
  }

function drawEightBall() {
    ctx.fillStyle = 'black';
    ctx.beginPath();
    ctx.arc(600, 300, 15, 0, Math.PI * 2);
    ctx.fill();
  }

function drawPlayerBall() {
    ctx.fillStyle = 'yellow';
    ctx.beginPath();
    ctx.arc(200, 300, 15, 0, Math.PI * 2);
    ctx.fill();
  }

function draw() {
    drawTable();
    drawCueBall();
    drawEightBall();
    drawPlayerBall();
  }

draw();

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