AI game creator

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

No:35939

188

←

Prev Next

→

Mario bros
Developer User16701｜Date and time 24/1/16 4:56:29
Build time 11.176 sec｜Game capacity 2.877KB｜

Script

¡Claro! Aquí tienes un ejemplo de cómo se podría implementar un simple juego de Mario Bros en una sola página HTML utilizando JavaScript y pictogramas:

Este código crea un simple juego donde el jugador puede mover a Mario Bros en una dirección determinada tocando la pantalla táctil de un smartphone. Utiliza un canvas y el contexto 2D para dibujar a Mario en diferentes posiciones según las pulsaciones táctiles. Puedes reemplazar "emozi_all/juego.png" con la ruta real de la imagen de Mario que desees utilizar. Espero que esto te sea útil para comenzar a desarrollar tu propio juego de Mario Bros. ¡Diviértete!

←

Prev　Next

→ 　

Back　

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

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

¡Claro! Aquí tienes un ejemplo de cómo se podría implementar un simple juego de Mario Bros en una sola página HTML utilizando JavaScript y pictogramas:

```html
<!DOCTYPE html>
<html>
<head>
    <title>Mario Bros</title>
    <style>
        canvas {
            border: 1px solid black;
            display: block;
            margin: 0 auto;
        }
    </style>
</head>
<body>
    <script>
        // Definir variables y constantes
        var canvas = document.createElement("canvas");
        var context = canvas.getContext("2d");
        var marioImage = new Image();
        var marioX = 0;
        var marioY = 0;
        var marioSpeed = 4;

// Cargar la imagen de Mario Bros
        marioImage.src = "ruta_de_la_imagen_de_mario.png";

// Configurar el canvas
        canvas.width = window.innerWidth;
        canvas.height = window.innerHeight;
        document.body.appendChild(canvas);

// Función para dibujar a Mario en el canvas
        function drawMario() {
            context.clearRect(0, 0, canvas.width, canvas.height);
            context.drawImage(marioImage, marioX, marioY);
        }

// Función para mover a Mario en la dirección elegida
        function moveMario(direction) {
            if (direction === "up") {
                marioY -= marioSpeed;
            } else if (direction === "down") {
                marioY += marioSpeed;
            } else if (direction === "left") {
                marioX -= marioSpeed;
            } else if (direction === "right") {
                marioX += marioSpeed;
            }
        }

// Detectar las pulsaciones en la pantalla táctil del smartphone
        document.addEventListener("touchstart", function(event) {
            var touchX = event.touches[0].pageX;
            var touchY = event.touches[0].pageY;
            var halfWidth = canvas.width / 2;
            var halfHeight = canvas.height / 2;

if (touchY < halfHeight) {
                moveMario("up");
            } else if (touchY > halfHeight) {
                moveMario("down");
            }

if (touchX < halfWidth) {
                moveMario("left");
            } else if (touchX > halfWidth) {
                moveMario("right");
            }

drawMario();
        });

// Iniciar el juego
        drawMario();
    </script>
</body>
</html>
```

Este código crea un simple juego donde el jugador puede mover a Mario Bros en una dirección determinada tocando la pantalla táctil de un smartphone. Utiliza un canvas y el contexto 2D para dibujar a Mario en diferentes posiciones según las pulsaciones táctiles. Puedes reemplazar "ruta_de_la_imagen_de_mario.png" con la ruta real de la imagen de Mario que desees utilizar.

Espero que esto te sea útil para comenzar a desarrollar tu propio juego de Mario Bros. ¡Diviértete!