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

No:16019

119

←

Prev Next

→

Super Mario Bros 1
Developer User7082｜Date and time 23/9/15 7:18:57
Build time 24.637 sec｜Game capacity 2.765KB｜

Script

Aquí tienes un ejemplo básico de un juego estilo Super Mario Bros 1 implementado como un archivo HTML único con JavaScript. Ten en cuenta que solo se proporciona un esqueleto básico del juego, y es posible que necesites agregar más funcionalidades para que sea una experiencia de juego completa. Además, se utilizarán pictogramas simples en lugar de gráficos reales.

Super Mario Bros 1

En este ejemplo, el juego se encuentra dentro de un elemento `<div>` llamado "game-board". Hay un jugador representado por el pictograma de "player" y obstáculos simples representados por rectángulos verdes. Puedes mover al jugador hacia la izquierda y hacia la derecha utilizando las teclas de flecha del teclado.

←

Prev　Next

→ 　

Back　

[PR]現在の人気グッズランキング

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

```html
<!DOCTYPE html>
<html>
<head>
    <title>Super Mario Bros 1</title>
    <style>
        #game-board {
            width: 300px;
            height: 200px;
            border: 1px solid black;
            position: relative;
        }
        .player {
            position: absolute;
            bottom: 0;
            left: 0;
            width: 20px;
            height: 20px;
            background: url(pictogram.png);
        }
        .obstacle {
            position: absolute;
            bottom: 0;
            width: 20px;
            height: 20px;
            background-color: green;
        }
    </style>
</head>
<body>
    <h1>Super Mario Bros 1</h1>

// Posición inicial del jugador
        let playerPosition = 0;

// Funciones para mover al jugador
        function moveLeft() {
            if (playerPosition > 0) {
                playerPosition -= 10;
                player.style.left = `${playerPosition}px`;
            }
        }

function moveRight() {
            if (playerPosition < gameBoard.clientWidth - player.clientWidth) {
                playerPosition += 10;
                player.style.left = `${playerPosition}px`;
            }
        }

// Escuchar eventos de teclado
        document.addEventListener("keydown", (event) => {
            if (event.key === "ArrowLeft") {
                moveLeft();
            } else if (event.key === "ArrowRight") {
                moveRight();
            }
        });
    </script>
</body>
</html>
```