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

No:19171

←

Prev Next

→

Cricket game in 3d
Developer User8450｜Date and time 23/10/1 23:07:28
Build time 9.994 sec｜Game capacity 2.208KB｜

Script

Sure! Here's an example of a simple cricket game implemented as a single HTML file using JavaScript. Please note that 3D graphics are not feasible within the constraints of a single HTML file, so this example will use text-based UI instead of pictograms:

Cricket Game

In this game, you can click the "Bowl" button to simulate bowling in cricket. It uses a random number generator to determine the outcome of each ball, with 0 representing getting "Out" and any other number representing the runs scored. The total score and number of wickets are displayed in the output area. Please note that this is a very basic example, and you can extend the game further by adding more features like multiple overs, different players, and more complex scoring mechanisms.

←

Prev　Next

→ 　

Back　

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

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

```html
<!DOCTYPE html>
<html>
<head>
  <title>Cricket Game</title>
  <style>
    body {
      font-family: Arial, sans-serif;
    }
    #output {
      width: 300px;
      height: 150px;
      border: 1px solid #ccc;
      overflow-y: scroll;
    }
    button {
      margin-top: 10px;
    }
  </style>
</head>
<body>
  <h1>Cricket Game</h1>
  
  <div id="output"></div>
  
  <button id="btnBowl">Bowl</button>
  
  <script>
    var score = 0,
        balls = 0,
        wickets = 0;
    
    function getRandomNumber(min, max) {
      return Math.floor(Math.random() * (max - min + 1)) + min;
    }
    
    function bowl() {
      balls++;
      var outcome = getRandomNumber(0, 6);
      
      if (outcome === 0) {
        output("Out! Player is dismissed.");
        wickets++;
      } else {
        score += outcome;
        output("Runs scored: " + outcome);
      }
      
      output("Total score: " + score);
      output("Wickets: " + wickets);
      
      if (wickets === 10) {
        output("Innings Over!");
        document.getElementById("btnBowl").disabled = true;
      }
    }
    
    function output(text) {
      var outputDiv = document.getElementById("output");
      var p = document.createElement("p");
      p.innerText = text;
      outputDiv.appendChild(p);
      outputDiv.scrollTop = outputDiv.scrollHeight;
    }
    
    document.getElementById("btnBowl").addEventListener("click", bowl);
  </script>
</body>
</html>
```

Please note that this is a very basic example, and you can extend the game further by adding more features like multiple overs, different players, and more complex scoring mechanisms.