AI game creator

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

No:20565

←

Prev Next

→

I’m a marble
Developer User9091｜Date and time 23/10/10 5:09:52
Build time 11.811 sec｜Game capacity 3.243KB｜

Script

Sure! Here's a simple smartphone game using pictograms implemented as a single HTML file:

⚪️

This game starts with a countdown of 3 seconds, and when the countdown ends, the player needs to tap on the moving marble to increase their score. The goal is to reach a score of 10. Once the player reaches the goal, a congratulations message is shown, and the game resets after a delay.

←

Prev　Next

→ 　

Back　

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

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

Sure! Here's a simple smartphone game using pictograms implemented as a single HTML file:

```html
<!DOCTYPE html>
<html>
<head>
    <title>Marble Game</title>
    <style>
        #game-container {
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            height: 100vh;
            font-size: 5rem;
        }

#marble {
            cursor: pointer;
        }
    </style>
</head>
<body>
    <div id="game-container">
        <div id="marble">⚪️</div>
        <div id="countdown">3</div>
    </div>

// Start the game when the marble is clicked
            marble.addEventListener("click", startGame);

function startGame() {
                score = 0;
                countdown.innerText = "3";
                marble.removeEventListener("click", startGame);
                marble.innerText = "🎮";
                marbke.style.cursor = "default";
                countdown.style.display = "block";

// Start the countdown
                timer = setInterval(updateCountdown, 1000);
            }

function updateCountdown() {
                let count = parseInt(countdown.innerText);
                count--;

if (count === 0) {
                    clearInterval(timer);
                    countdown.style.display = "none";
                    startMarbleMove();
                } else {
                    countdown.innerText = count;
                }
            }

function startMarbleMove() {
                marble.addEventListener("click", increaseScore);
                marble.style.animation = "moveMarble 1s ease-in-out infinite";
            }

function increaseScore() {
                score++;
                marble.innerText = "⚪️";
                setTimeout(function(){
                    marble.innerText = "🎮";
                }, 200);

if (score >= 10) {
                    endGame();
                }
            }

function endGame() {
                marble.removeEventListener("click", increaseScore);
                marble.style.animation = "none";
                marble.innerText = "🏆";
                alert("Congratulations! You won the game with a score of " + score + "!");
                setTimeout(resetGame, 2000);
            }

function resetGame() {
                marble.innerText = "⚪️";
                marble.style.cursor = "pointer";
                marble.addEventListener("click", startGame);
            }
        });
    </script>
</body>
</html>
```