Warning: count(): Parameter must be an array or an object that implements Countable in /home/yukuri/crypto-app.tokyo/public_html/AIGameCreator/Com0.php on line 157

Warning: in_array() expects parameter 2 to be array, bool given in /home/yukuri/crypto-app.tokyo/public_html/AIGameCreator/Com0.php on line 476

Warning: count(): Parameter must be an array or an object that implements Countable in /home/yukuri/crypto-app.tokyo/public_html/AIGameCreator/Com0.php on line 484
I want to create a cricket game with replays and seamless experience's game | AI game creator

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

No:27729

←

Prev Next

→

I want to create a cricket game with replays and s..ALL
Developer User13801｜Date and time 23/12/8 16:08:02
Build time 28.176 sec｜Game capacity 2.981KB｜

Script

Sure! Below is an example of a simple cricket game implemented as a single HTML file, using JavaScript and enclosed in script tags. The game allows for smartphone operation and includes pictograms for a seamless user experience.

Cricket Game

Score: 0

Replay:

In the above code, the game starts with a score of 0. Clicking on the "Roll" button generates a random pictogram representing a cricket-related concept and adds it to the replay. The score is incremented and displayed, and the replay is updated accordingly. Once the score reaches 10, the replay section is displayed with the accumulated pictograms and a "Reset" button. Clicking on the "Reset" button resets the score and clears the replay. Feel free to modify and enhance the game according to your specific requirements.

←

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>
        .btn {
            width: 100px;
            height: 50px;
            background-color: #4CAF50;
            color: white;
            font-size: 20px;
            border: none;
            border-radius: 4px;
            cursor: pointer;
        }
        
        .replay {
            display: none;
            margin-top: 20px;
        }
        
        .pictogram {
            font-size: 30px;
            margin: 10px;
        }
    </style>
</head>
<body>
    <h1>Cricket Game</h1>
    <p id="score">Score: 0</p>
    <div>
        <button class="btn" onclick="roll()">Roll</button>
    </div>

<div class="replay">
        <h3>Replay:</h3>
        <div id="replayContainer"></div>
    </div>

function roll() {
            var pictograms = ['🏏', '🏴', '🏇', '🏐', '🥏', '🎾', '🏓', '🏸'];

var randomIndex = Math.floor(Math.random() * pictograms.length);
            var result = pictograms[randomIndex];
            replay.push(result);

score++;
            document.getElementById("score").innerHTML = "Score: " + score;

document.getElementById("replayContainer").innerHTML = replay.map(function (pictogram) {
                return '<span class="pictogram">' + pictogram + '</span>';
            }).join('');

if (score >= 10) {
                document.getElementById("replayContainer").classList.add("replay");
                document.getElementById("replayContainer").style.display = "block";
                document.getElementById("replayContainer").innerHTML += '<button class="btn" onclick="reset()">Reset</button>';
            }
        }

function reset() {
            score = 0;
            replay = [];

document.getElementById("score").innerHTML = "Score: " + score;
            document.getElementById("replayContainer").innerHTML = "";
            document.getElementById("replayContainer").classList.remove("replay");
            document.getElementById("replayContainer").style.display = "none";
        }
    </script>
</body>
</html>
```

Once the score reaches 10, the replay section is displayed with the accumulated pictograms and a "Reset" button. Clicking on the "Reset" button resets the score and clears the replay.

Feel free to modify and enhance the game according to your specific requirements.