AI game creator

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

No:10858

119

←

Prev Next

→

Basicly Mario Bros
Developer User4699｜Date and time 23/8/5 0:45:32
Build time 24.033 sec｜Game capacity 4.711KB｜

Script

Bien sûr! Voici un exemple d'un jeu inspiré par Super Mario Bros, qui est implémenté en tant que fichier HTML unique:

Score: 0

Ce jeu Mario Bros basique utilise les touches d'un clavier pour contrôler le personnage. Sur smartphone, vous pouvez remplacer les gestionnaires d'événements `keydown` et `keyup` par des gestes tactiles appropriés pour sauter. Le jeu comprend une zone de jeu avec des plates-formes, un personnage contrôlable et un score pour suivre les collisions avec les plates-formes. Vous pouvez personnaliser les images et améliorer les fonctionnalités du jeu selon vos besoins. Notez que vous devrez fournir vos propres images (notamment pour le personnage et les plates-formes) et les inclure dans le code CSS approprié. Amusez-vous bien à jouer au jeu Mario Bros version smartphone!

←

Prev　Next

→ 　

Back　

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

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

Bien sûr! Voici un exemple d'un jeu inspiré par Super Mario Bros, qui est implémenté en tant que fichier HTML unique:

```html
<!DOCTYPE html>
<html>
<head>
    <title>Mario Bros - Le Jeu</title>
    <style>
        #player {
            position: absolute;
            width: 60px;
            height: 95px;
            background-image: url('images/mario.png');
            background-repeat: no-repeat;
        }

#platforms {
            position: absolute;
        }

.platform {
            position: absolute;
            width: 100px;
            height: 20px;
            background-color: green;
        }

#score {
            position: absolute;
            top: 10px;
            left: 10px;
            color: white;
        }
    </style>
</head>
<body>
    <script>
        var player, platforms, score;
        var isJumping = false;
        var jumpTimeout;
        var gravity = 0.5;
        var playerX = 50;
        var playerY = 100;
        var playerVelocityY = 0;

function startGame() {
            player = document.createElement('div');
            player.setAttribute('id', 'player');
            document.body.appendChild(player);

platforms = document.createElement('div');
            platforms.setAttribute('id', 'platforms');
            document.body.appendChild(platforms);

score = 0;

createPlatform(0, 200, 200);
            createPlatform(150, 400, 150);
            createPlatform(300, 600, 100);
            createPlatform(450, 800, 200);

document.addEventListener('keydown', handleKeyPress);
            document.addEventListener('keyup', handleKeyRelease);

requestAnimationFrame(update);
        }

function createPlatform(x, y, width) {
            var platform = document.createElement('div');
            platform.setAttribute('class', 'platform');
            platform.style.left = x + 'px';
            platform.style.top = y + 'px';
            platform.style.width = width + 'px';
            platforms.appendChild(platform);
        }

function handleKeyPress(event) {
            if (event.keyCode === 32 && !isJumping) { // Space key
                jump();
            }
        }

function handleKeyRelease(event) {
            if (event.keyCode === 32) { // Space key
                clearTimeout(jumpTimeout);
            }
        }

function jump() {
            isJumping = true;
            playerVelocityY = -12; // Initial jump velocity

jumpTimeout = setTimeout(function() {
                isJumping = false;
            }, 500); // Reset isJumping after 500 milliseconds
        }

function updatePlayer() {
            playerY += playerVelocityY;
            playerVelocityY += gravity;

if (playerY > 500) {      // Ground level
                playerY = 500;
                isJumping = false;
            }

player.style.left = playerX + 'px';
            player.style.top = playerY + 'px';
        }

function checkCollision() {
            var playerRect = player.getBoundingClientRect();
            var platformRects = platforms.getElementsByClassName('platform');

for (var i = 0; i < platformRects.length; i++) {
                var platformRect = platformRects[i].getBoundingClientRect();

if (playerRect.bottom >= platformRect.top && playerRect.top <= platformRect.bottom &&
                    playerRect.right >= platformRect.left && playerRect.left <= platformRect.right) {
                    return true;
                }
            }

return false;
        }

function update() {
            if (checkCollision()) {
                score++;
            }

document.getElementById('score').innerText = 'Score: ' + score;

updatePlayer();

requestAnimationFrame(update);
        }

startGame();
    </script>

<div id="score">Score: 0</div>
</body>
</html>
```

Le jeu comprend une zone de jeu avec des plates-formes, un personnage contrôlable et un score pour suivre les collisions avec les plates-formes. Vous pouvez personnaliser les images et améliorer les fonctionnalités du jeu selon vos besoins.

Notez que vous devrez fournir vos propres images (notamment pour le personnage et les plates-formes) et les inclure dans le code CSS approprié.

Amusez-vous bien à jouer au jeu Mario Bros version smartphone!