AI game creator

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

No:20939

←

Prev Next

→

Billiards
Developer User9244｜Date and time 23/10/12 6:21:15
Build time 55.605 sec｜Game capacity 1.912KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在の欲しいゲームランキング

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

<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8">
    <title>Billiards Game</title>
    <style>
      /* Add styles for the game screen and pictograms */
      #game-screen {
        width: 100%;
        height: 100vh;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 50px;
      }
      #game-screen img {
        width: 150px;
        height: 150px;
        margin: 5px;
        cursor: pointer;
      }
    </style>
  </head>
  <body>
    <div id="game-screen">
      <img src="pool_ball_1.png" id="ball-1">
      <img src="pool_ball_2.png" id="ball-2">
      <img src="pool_ball_3.png" id="ball-3">
      
    </div>

// Function to handle ball pocketing
      function pocketBall() {
        // Increase the number of pocketed balls
        ballsPocketed++;
        
        // Check if all balls are pocketed
        if (ballsPocketed === numberOfBalls) {
          endGame(); // Call endGame function when all balls are pocketed
        }
        
        // Remove the pocketed ball from the game screen
        this.style.display = "none";
      }

// Function to end the game
      function endGame() {
        alert("Congratulations! You finished the game.");
        // Reset game variables and display all balls again for a new game
        ballsPocketed = 0;
        var balls = document.querySelectorAll("img");
        for (var i = 0; i < balls.length; i++) {
          balls[i].style.display = "inline";
        }
      }

// Add event listeners to all ball pictograms
      var balls = document.querySelectorAll("img");
      for (var i = 0; i < balls.length; i++) {
        balls[i].addEventListener("click", pocketBall);
      }
    </script>
  </body>
</html>