Kanaya Maryam Runs on the Cheesy Worlds and Eats Pizzas's game

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

No:29951

←

Prev Next

→

Kanaya Maryam Runs on the Cheesy Worlds and Eats P..ALL
Developer User14673｜Date and time 23/12/20 2:58:57
Build time 17.149 sec｜Game capacity 3.597KB｜

Script

Como programador, puedo crear un juego en formato HTML que cumpla con tus requisitos. Aquí tienes el código:

Este código crea un juego simple donde controlas a Kanaya Maryam usando las flechas del teclado en un mundo de quesos y su objetivo es comer pizzas. Kanaya está representada por un pictograma y debes moverla para atrapar las pizzas que aparecen aleatoriamente en el canvas. Si Kanaya captura una pizza, aparecerá un mensaje de victoria y la pizza se posicionará en una nueva ubicación aleatoria. Asegúrate de reemplazar `"emozi_rabbit.png"` y `"emozi_all/pizza.png"` por las rutas correctas a los pictogramas que deseas usar. También puedes ajustar el tamaño del canvas y los elementos según tus preferencias. ¡Diviértete jugando!

←

Prev　Next

→ 　

Back　

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

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

Como programador, puedo crear un juego en formato HTML que cumpla con tus requisitos. Aquí tienes el código:

```html
<!DOCTYPE html>
<html>
<head>
    <title>Kanaya Maryam Runs on the Cheesy Worlds and Eats Pizzas</title>
</head>
<body>
    <canvas id="gameCanvas" width="400" height="400"></canvas>

// Definimos las imágenes de los pictogramas
        const kanayaImage = new Image();
        kanayaImage.src = "kanaya.png";

const pizzaImage = new Image();
        pizzaImage.src = "pizza.png";

// Creamos el objeto del jugador
        const kanaya = {
            x: 200,
            y: 200,
            width: 50,
            height: 50,
        };

// Creamos el objeto de la pizza
        const pizza = {
            x: Math.floor(Math.random() * 350) + 25,
            y: Math.floor(Math.random() * 350) + 25,
            width: 50,
            height: 50,
        };

// Función para dibujar los elementos en el canvas
        function draw() {
            context.clearRect(0, 0, canvas.width, canvas.height);
            context.drawImage(kanayaImage, kanaya.x, kanaya.y, kanaya.width, kanaya.height);
            context.drawImage(pizzaImage, pizza.x, pizza.y, pizza.width, pizza.height);
        }

// Función para mover a Kanaya basado en la entrada del usuario
        function moveKanaya(e) {
            if (e.key === "ArrowUp" && kanaya.y > 0) {
                kanaya.y -= 10;
            } else if (e.key === "ArrowDown" && kanaya.y < canvas.height - kanaya.height) {
                kanaya.y += 10;
            } else if (e.key === "ArrowLeft" && kanaya.x > 0) {
                kanaya.x -= 10;
            } else if (e.key === "ArrowRight" && kanaya.x < canvas.width - kanaya.width) {
                kanaya.x += 10;
            }

// Verificamos si Kanaya ha capturado la pizza
            if (kanaya.x < pizza.x + pizza.width &&
                kanaya.x + kanaya.width > pizza.x &&
                kanaya.y < pizza.y + pizza.height &&
                kanaya.y + kanaya.height > pizza.y) {
                // Mostramos un mensaje de victoria y generamos una nueva posición para la pizza
                alert("¡Has capturado la pizza! ¡Ganaste!");
                pizza.x = Math.floor(Math.random() * 350) + 25;
                pizza.y = Math.floor(Math.random() * 350) + 25;
            }

draw(); // Redibujamos el canvas con los elementos actualizados
        }

// Evento para iniciar el juego cuando se termine de cargar la página
        window.onload = function() {
            document.addEventListener("keydown", moveKanaya); // Agregamos el evento para el movimiento de Kanaya
            draw(); // Dibujamos los elementos iniciales del juego
        };
    </script>
</body>
</html>
```

Asegúrate de reemplazar `"kanaya.png"` y `"pizza.png"` por las rutas correctas a los pictogramas que deseas usar. También puedes ajustar el tamaño del canvas y los elementos según tus preferencias.

¡Diviértete jugando!