AI game creator

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

No:12488

←

Prev Next

→

Make a butt game
Developer User5131｜Date and time 23/8/18 8:35:48
Build time 18.626 sec｜Game capacity 2.768KB｜

Script

Sure, I can help you create a simple game using JavaScript that can be played on a smartphone. In this game, the objective will be to click on a moving target as many times as possible within a time limit. We'll use pictograms as buttons for interaction. Here's the code for the game:

🍑

Score: 0

To play the game, save the above code in a file with a `.html` extension (e.g., `butt_game.html`). You can then open this file in a web browser on your smartphone. Simply tap on the moving target (a peach emoji 🍑) to increase your score. The game lasts for 30 seconds. After the time is up, an alert will display your final score. Enjoy playing!

←

Prev　Next

→ 　

Back　

[PR]現在の欲しいものランキング

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

Here's the code for the game:

```html
<!DOCTYPE html>
<html>
<head>
    <title>Butt Game</title>
    <style>
        #container {
            display: flex;
            justify-content: center;
            align-items: center;
            height: 100vh;
        }

#target {
            width: 100px;
            height: 100px;
            background-color: #ff7f50;
            display: flex;
            justify-content: center;
            align-items: center;
            border-radius: 50%;
            font-size: 40px;
            color: #ffffff;
            cursor: pointer;
            animation: moveTarget 2s infinite;
        }

@keyframes moveTarget {
            0% {
                margin-left: 0;
            }
            50% {
                margin-left: calc(100vw - 100px);
            }
            100% {
                margin-left: 0;
            }
        }

#score {
            text-align: center;
            font-size: 24px;
            margin-bottom: 20px;
        }
    </style>
</head>
<body>
    <div id="container">
        <div id="target" onclick="increaseScore()">🍑</div>
    </div>
    <div id="score">Score: 0</div>

function increaseScore() {
            score++;
            scoreDisplay.textContent = "Score: " + score;
        }

function startGame() {
            score = 0;
            timeLeft = 30;
            scoreDisplay.textContent = "Score: " + score;

timer = setInterval(function() {
                timeLeft--;
                if (timeLeft <= 0) {
                    endGame();
                }
            }, 1000);
        }

function endGame() {
            clearInterval(timer);
            target.style.animationPlayState = "paused";
            target.style.cursor = "default";
            target.onclick = null;
            alert("Game Over!\nFinal Score: " + score);
        }

startGame();
    </script>
</body>
</html>
```