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

No:37861

Ai sprite generator, "MAKE!"
Developer User17064｜Date and time 24/1/21 18:31:31
Build time 11.322 sec｜Game capacity 2.902KB｜

Script

Sure! Here's a simple game implemented as a single HTML file that you can play on a smartphone. It uses JavaScript and includes pictograms generated by an AI sprite generator.

Ai Sprite Game

How many Ai sprites can you catch?

Score: 0

In this game, there are three different AI sprites (represented by pictograms) positioned randomly on the gameboard. Your goal is to click on as many sprites as you can within a given time limit. Whenever you successfully click on a sprite, your score increases. The game keeps track of your score and displays it on the screen. Note: Please replace the `emozi_bear.png`, `emozi_chicken.png`, and `emozi_rabbit.png` with actual sprite images generated by your AI sprite generator.

←

Prev　Next

→ 　

Back　

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

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

Sure! Here's a simple game implemented as a single HTML file that you can play on a smartphone. It uses JavaScript and includes pictograms generated by an AI sprite generator.

```html
<!DOCTYPE html>
<html>
<head>
    <title>Ai Sprite Game</title>
    <style>
        body {
            text-align: center;
            font-family: Arial, sans-serif;
        }
        img {
            width: 100px;
            height: 100px;
            margin: 10px;
            cursor: pointer;
        }
        #score {
            font-size: 24px;
            color: green;
            margin-top: 20px;
        }
    </style>
</head>
<body>
    <h1>Ai Sprite Game</h1>
    <h2>How many Ai sprites can you catch?</h2>
    <div id="gameboard">
        <img id="sprite1" src="sprite1.png" alt="Sprite 1">
        <img id="sprite2" src="sprite2.png" alt="Sprite 2">
        <img id="sprite3" src="sprite3.png" alt="Sprite 3">
    </div>
    <p id="score">Score: 0</p>

function incrementScore() {
            score++;
            document.getElementById("score").textContent = "Score: " + score;
        }

function getRandomPosition() {
            var gameboard = document.getElementById("gameboard");
            var maxX = gameboard.offsetWidth - 100;
            var maxY = gameboard.offsetHeight - 100;
            var randomX = Math.floor(Math.random() * maxX);
            var randomY = Math.floor(Math.random() * maxY);
            return [randomX, randomY];
        }

function moveSprite(spriteId) {
            var sprite = document.getElementById(spriteId);
            var position = getRandomPosition();
            sprite.style.left = position[0] + "px";
            sprite.style.top = position[1] + "px";
        }

function startGame() {
            moveSprite("sprite1");
            moveSprite("sprite2");
            moveSprite("sprite3");
        }

function handleSpriteClick(event) {
            var clickedSprite = event.target;
            clickedSprite.style.display = "none";
            incrementScore();
        }

document.getElementById("sprite1").addEventListener("click", handleSpriteClick);
        document.getElementById("sprite2").addEventListener("click", handleSpriteClick);
        document.getElementById("sprite3").addEventListener("click", handleSpriteClick);

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

Note: Please replace the `sprite1.png`, `sprite2.png`, and `sprite3.png` with actual sprite images generated by your AI sprite generator.