AI game creator

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

No:39949

←

Prev Next

→

Make a cat game
Developer User17909｜Date and time 24/1/31 7:22:43
Build time 10.034 sec｜Game capacity 2.725KB｜

Script

Sure! Here's an example of a simple cat game implemented as a single HTML file using JavaScript and pictograms. Just paste the following code into a new HTML file and open it in a web browser on your smartphone to play the game:

Click the pet button as many times as you can within 10 seconds!

In this game, you need to click the "Pet" button as many times as you can within 10 seconds. The score will be displayed in real-time, and the cat image rotates randomly every 200 milliseconds for added fun. Once the 10 seconds are up, the button will be disabled and you can see your final score. Note: The cat image used in this example is taken from Pixabay (https://pixabay.com/illustrations/cat-cartoon-animals-cute-1466397/) and is free for commercial use without attribution.

←

Prev　Next

→ 　

Back　

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

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

```html
<!DOCTYPE html>
<html>
<head>
    <title>Cat Game</title>
    <style>
        body {
            text-align: center;
            background-color: #f9f5d9;
        }

#cat-image {
            width: 200px;
            height: 200px;
            margin-top: 50px;
        }

#instructions {
            margin-top: 20px;
        }

#btn-pet {
            margin-top: 30px;
            padding: 10px 20px;
            font-size: 18px;
            background-color: #ffc0cb;
            border: none;
            border-radius: 5px;
            cursor: pointer;
        }

#score {
            margin-top: 20px;
            font-size: 24px;
            color: #ff0000;
            font-weight: bold;
        }
    </style>
</head>
<body>
    <img id="cat-image" src="https://cdn.pixabay.com/photo/2016/06/16/12/01/cat-1466397_960_720.png" alt="Cat Image">
    <p id="instructions">Click the pet button as many times as you can within 10 seconds!</p>
    <button id="btn-pet">Pet</button>
    <p id="score"></p>

petButton.addEventListener('click', function() {
            score++;
        });

var timer = setInterval(function() {
            timeLeft--;
            if (timeLeft === 0) {
                clearInterval(timer);
                petButton.disabled = true;
                petButton.style.backgroundColor = '#ccc';
                petButton.style.cursor = 'not-allowed';
            }
        }, 1000);

setInterval(function() {
            scoreDisplay.textContent = 'Score: ' + score;
        }, 100);

setInterval(function() {
            var rotation = Math.floor(Math.random() * 50 - 25);
            document.getElementById('cat-image').style.transform = 'rotate(' + rotation + 'deg)';
        }, 200);
    </script>
</body>
</html>
```

Note: The cat image used in this example is taken from Pixabay (https://pixabay.com/illustrations/cat-cartoon-animals-cute-1466397/) and is free for commercial use without attribution.