Kanaya Maryam Eats Everyone's game

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

No:29952

←

Prev Next

→

Kanaya Maryam Eats Everyone
Developer User14673｜Date and time 23/12/20 3:00:52
Build time 13.285 sec｜Game capacity 2.412KB｜

Script

Como programador, puedo crear un juego en un solo archivo HTML utilizando JavaScript. Puedo comenzar el procesamiento y hacer que sea jugable. Asumiendo que se trata de una operación en un smartphone, puedo utilizar pictogramas si es posible. Aquí tienes un ejemplo de un juego simple utilizando pictogramas:

Este código crea un juego simple donde controlas a un personaje llamado Kanaya Maryam y debes comer a todas las personas en el lienzo. Para moverte, simplemente toca y arrastra a Kanaya por la pantalla. Cuando la imagen de Kanaya se superpone con la imagen de una persona, se considera que esa persona ha sido comida. Una vez que Kanaya haya comido a todas las personas, el juego mostrará un mensaje de victoria.

←

Prev　Next

→ 　

Back　

[PR]現在の新着人気ランキング

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

Aquí tienes un ejemplo de un juego simple utilizando pictogramas:

```html
<!DOCTYPE html>
<html>
<head>
  <title>Juego: Kanaya Maryam se come a todos</title>
</head>
<body>
  <canvas id="gameCanvas" width="400" height="400"></canvas>

// Imágenes de los pictogramas
    var kanayaImage = new Image();
    kanayaImage.src = "kanaya.png";

var personImage = new Image();
    personImage.src = "person.png";

// Coordenadas de Kanaya y las personas
    var kanayaX = 200;
    var kanayaY = 200;

var personX = 30;
    var personY = 30;

var gameOver = false;

// Función principal del juego
    function gameLoop() {
      // Limpiar el lienzo
      context.clearRect(0, 0, canvas.width, canvas.height);

// Dibujar Kanaya
      context.drawImage(kanayaImage, kanayaX, kanayaY);

// Dibujar las personas
      context.drawImage(personImage, personX, personY);

// Verificar si Kanaya se come a las personas
      if (kanayaX < personX + 50 &&
          kanayaX + 50 > personX &&
          kanayaY < personY + 50 &&
          kanayaY + 50 > personY) {
          gameOver = true;
      }

// Mover a las personas
      if (!gameOver) {
         personX += 2;
      }

// Verificar si el juego ha terminado
      if (!gameOver) {
         requestAnimationFrame(gameLoop);
      } else {
         // Juego terminado
         context.fillStyle = "black";
         context.font = "30px Arial";
         context.fillText("¡Kanaya Maryam se comió a todos!", 50, 200);
      }
    }

// Comenzar el juego
    gameLoop();

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