AI game creator

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

No:47234

123

←

Prev Next

→

Billiards
Developer User20334｜Date and time 24/2/27 18:27:53
Build time 7.821 sec｜Game capacity 1.601KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋Kindle本ランキング

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

<!DOCTYPE html>
<html>
<head>
   <title>Billiards Game</title>
</head>
<body>
   <canvas id="billiardsCanvas" width="800" height="600"></canvas>

// draw billiards table
      function drawTable() {
         ctx.fillStyle = 'green';
         ctx.fillRect(0, 0, canvas.width, canvas.height);
         
         ctx.fillStyle = 'brown';
         ctx.fillRect(100, 50, 600, 500);
      }

function drawCue() {
         // draw cue stick
         ctx.fillStyle = 'white';
         ctx.fillRect(700, 50, 20, 500);
      }

function drawCueBall() {
         // draw cue ball
         ctx.fillStyle = 'white';
         ctx.beginPath();
         ctx.arc(150, 300, 20, 0, Math.PI*2);
         ctx.fill();
      }

function drawNumberBalls() {
         // draw number balls
         const colors = ['blue', 'red', 'purple', 'orange', 'green', 'yellow', 'black'];
         let x = 250, y = 200;
         let ballNumber = 1;

for(let i = 0; i < 3; i++) {
            for(let j = 0; j <= i; j++) {
               ctx.fillStyle = colors[ballNumber - 1];
               ctx.beginPath();
               ctx.arc(x, y, 20, 0, Math.PI*2);
               ctx.fill();

ballNumber++;
               y += 50;
            }

x += 50;
            y = 200;
         }
      }

function draw() {
         drawTable();
         drawCue();
         drawCueBall();
         drawNumberBalls();
      }

draw();
   </script>
</body>
</html>