Catch the moving money's game

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

No:21507

←

Prev Next

→

Catch the moving money
Developer User9819｜Date and time 23/10/15 23:51:44
Build time 51.995 sec｜Game capacity 2.34KB｜

Script

Sure! Here's a simple game that you can play on a smartphone. It involves catching moving money using pictograms. The implementation is in a single HTML file with JavaScript enclosed in script tags.

To play the game: 1. Copy the above code into a new HTML file, e.g., `game.html`. 2. Save the `emozi_cat.png` image file in the same directory as the HTML file. 3. Open `game.html` on your smartphone using a web browser. 4. You should see a game area with moving money pictograms. 5. Tap/click on the money pictograms to catch them. 6. The caught money will disappear, and new money will keep appearing every second. Note: Replace `emozi_apple.png` with your own money pictogram image if desired.

←

Prev　Next

→ 　

Back　

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

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

Sure! Here's a simple game that you can play on a smartphone. It involves catching moving money using pictograms. The implementation is in a single HTML file with JavaScript enclosed in script tags.

```html
<!DOCTYPE html>
<html>
<head>
    <title>Catch the Moving Money</title>
    <style>
        #game-area {
            width: 100%;
            height: 400px;
            position: relative;
            background-color: #f2f2f2;
            border: 1px solid #ccc;
            overflow: hidden;
        }
        
        .money {
            position: absolute;
            top: 0;
            left: 0;
            width: 40px;
            height: 40px;
            background-image: url('money.png');
            background-size: cover;
        }
    </style>
</head>
<body>
    <div id="game-area"></div>

var posX = Math.floor(Math.random() * maxWidth);
            var posY = Math.floor(Math.random() * maxHeight);

return { x: posX, y: posY };
        }

// Function to create money elements on the screen
        function createMoney() {
            var money = document.createElement('div');
            money.className = 'money';

var position = generateRandomPosition();
            money.style.left = position.x + 'px';
            money.style.top = position.y + 'px';

money.addEventListener('click', function() {
                money.remove();
            });

document.getElementById('game-area').appendChild(money);
        }

// Start the game by continuously generating money
        setInterval(createMoney, 1000);
    </script>
</body>
</html>
```

To play the game:
1. Copy the above code into a new HTML file, e.g., `game.html`.
2. Save the `money.png` image file in the same directory as the HTML file.
3. Open `game.html` on your smartphone using a web browser.
4. You should see a game area with moving money pictograms.
5. Tap/click on the money pictograms to catch them.
6. The caught money will disappear, and new money will keep appearing every second.

Note: Replace `money.png` with your own money pictogram image if desired.