A coin collecting Mario style game's game

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

No:22801

←

Prev Next

→

A coin collecting Mario style game
Developer User10510｜Date and time 23/10/25 3:48:27
Build time 66.675 sec｜Game capacity 3.792KB｜

Script

Sure! Here's a simple implementation of a coin collecting Mario style game using JavaScript in a single HTML file:

In this game, you control a red square (player) at the bottom of the game area using the arrow keys. The objective is to collect yellow coins (pictograms) that randomly appear on the screen. When the player collides with a coin, it will be collected, and the score will be incremented and displayed on the console. Please keep in mind that this is a simple implementation to give you an idea of the game mechanics. You can modify and enhance the game as per your requirements and add more features like levels, enemies, animations, sounds, etc.

←

Prev　Next

→ 　

Back　

[PR]現在のゲームギフトランキング

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

Sure! Here's a simple implementation of a coin collecting Mario style game using JavaScript in a single HTML file:

```html
<!DOCTYPE html>
<html>
<head>
    <title>Coin Collector Game</title>
    <style>
        #game {
            width: 400px;
            height: 400px;
            border: 1px solid black;
            position: relative;
            overflow: hidden;
        }
        #player {
            position: absolute;
            bottom: 0;
            left: 0;
            width: 30px;
            height: 30px;
            background-color: red;
        }
        .coin {
            position: absolute;
            width: 20px;
            height: 20px;
            background-color: yellow;
            border-radius: 50%;
        }
    </style>
</head>
<body>
    <div id="game">
        <div id="player"></div>
    </div>

function getRandomPosition() {
            var width = gameElement.offsetWidth - 50;
            var height = gameElement.offsetHeight - 50;
            
            var randomX = Math.floor(Math.random() * width);
            var randomY = Math.floor(Math.random() * height);
            
            return { x: randomX, y: randomY };
        }

function createCoin() {
            var position = getRandomPosition();
            
            var coin = document.createElement('div');
            coin.className = 'coin';
            coin.style.left = position.x + 'px';
            coin.style.top = position.y + 'px';
            
            gameElement.appendChild(coin);
        }

function collectCoin(coin) {
            coin.parentNode.removeChild(coin);
            score++;
            console.log('Score:', score);
        }

// Game initialization
        document.addEventListener('keydown', updatePlayerPosition);

setInterval(createCoin, 1000);
        setInterval(checkCollision, 100);

</script>
</body>
</html>
```

Please keep in mind that this is a simple implementation to give you an idea of the game mechanics. You can modify and enhance the game as per your requirements and add more features like levels, enemies, animations, sounds, etc.