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

No:41084

A cat lady that runs on roof and collect coins
Developer User18446｜Date and time 24/2/5 22:28:08
Build time 15.955 sec｜Game capacity 3.99KB｜

Script

Sure! Here's an example of a simple game implementation using JavaScript and HTML:

Cat Lady Game

Score: 0

To use this code, save it as an HTML file (e.g., game.html) and make sure to include the required pictogram images (`emozi_all/pictogram.png` and `emozi_all/coin.png`) in the same directory as the HTML file. This game will create a cat lady at the bottom of the roof, and coins will randomly appear from the top of the roof and move downwards. The goal is to move the cat lady left or right using the arrow keys on a keyboard or arrow buttons in a mobile browser to catch the coins. Each time a coin is caught, the score increases. The score is displayed at the top of the game. Coins that are not caught will disappear when they reach the bottom of the roof. Feel free to modify the code and customize the game further according to your preferences.

←

Prev　Next

→ 　

Back　

[PR]現在の欲しいゲームランキング

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

Sure! Here's an example of a simple game implementation using JavaScript and HTML:

```html
<!DOCTYPE html>
<html>
<head>
    <title>Cat Lady Game</title>
    <style>
        #roof {
            width: 100%;
            height: 500px;
            background-color: lightblue;
            position: relative;
            overflow: hidden;
        }

#cat-lady {
            width: 50px;
            height: 50px;
            background-image: url('cat-lady.png');
            background-size: cover;
            position: absolute;
            bottom: 0;
            transition: left 0.2s;
        }

.coin {
            width: 30px;
            height: 30px;
            background-image: url('coin.png');
            background-size: cover;
            position: absolute;
            bottom: 0;
        }

#score {
            font-size: 20px;
            margin-top: 10px;
        }
    </style>
</head>
<body>
    <h1>Cat Lady Game</h1>
    <div id="roof">
        <div id="cat-lady"></div>
        <div id="score">Score: 0</div>
    </div>

// Create coins randomly on the roof
    function createCoin() {
        var coin = document.createElement('div');
        coin.className = 'coin';
        coin.style.left = Math.random() * (roof.offsetWidth - 30) + 'px';
        roof.appendChild(coin);

// Move coins downwards
        var interval = setInterval(function() {
            var bottomPosition = coin.style.bottom;
            if (parseInt(bottomPosition) >= roof.offsetHeight - 30) {
                if (isCaught(coin)) {
                    score++;
                    scoreDisplay.textContent = 'Score: ' + score;
                }
                coin.remove();
                clearInterval(interval);
            } else {
                coin.style.bottom = (parseInt(bottomPosition) + 5) + 'px';
            }
        }, 50);
    }

// Check if cat lady catches the coin
    function isCaught(coin) {
        var catLadyLeft = parseInt(catLady.style.left);
        var catLadyRight = catLadyLeft + catLady.offsetWidth;
        var coinLeft = parseInt(coin.style.left);
        var coinRight = coinLeft + coin.offsetWidth;

// Check if the coin is within the cat lady's range
        if ((coinLeft >= catLadyLeft && coinLeft <= catLadyRight) ||
            (coinRight >= catLadyLeft && coinRight <= catLadyRight)) {
            return true;
        }
        return false;
    }

// Move the cat lady left or right
    document.addEventListener('keydown', function(event) {
        var leftPosition = parseInt(catLady.style.left);
        if (event.key === 'ArrowLeft' && leftPosition >= 10) {
            catLady.style.left = (leftPosition - 10) + 'px';
        } else if (event.key === 'ArrowRight' && leftPosition <= (roof.offsetWidth - catLady.offsetWidth - 10)) {
            catLady.style.left = (leftPosition + 10) + 'px';
        }
    });

// Start the game
    setInterval(createCoin, 1000); // Create a new coin every second
    </script>
</body>
</html>
```

To use this code, save it as an HTML file (e.g., game.html) and make sure to include the required pictogram images (`cat-lady.png` and `coin.png`) in the same directory as the HTML file.

This game will create a cat lady at the bottom of the roof, and coins will randomly appear from the top of the roof and move downwards. The goal is to move the cat lady left or right using the arrow keys on a keyboard or arrow buttons in a mobile browser to catch the coins. Each time a coin is caught, the score increases. The score is displayed at the top of the game. Coins that are not caught will disappear when they reach the bottom of the roof.

Feel free to modify the code and customize the game further according to your preferences.