Un juego rpg de gráficos 2D con enemigos de el anime nanatsu no taizai donde tengas que vencer al rey del caos's game

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

No:23896

←

Prev Next

→

Un juego rpg de gráficos 2D con enemigos de el ani..ALL
Developer User11185｜Date and time 23/11/4 5:38:34
Build time 63.095 sec｜Game capacity 3.082KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在のプレゼントランキング

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

<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <title>Juego RPG de Nanatsu no Taizai</title>
  <style>
    canvas {
      border: 1px solid black;
      margin: 0 auto;
      display: block;
    }
  </style>
</head>
<body>
  <canvas id="gameCanvas" width="640" height="480"></canvas>
  <script>
    // Variables del juego
    var canvas;
    var canvasContext;
    var playerX = 100;
    var playerY = 100;
    var enemyX = 450;
    var enemyY = 300;
    var playerWidth = 50;
    var playerHeight = 50;
    var enemyWidth = 50;
    var enemyHeight = 50;
    var playerSpeed = 5;
    var enemySpeed = 3;

// Inicializar el juego
    window.onload = function() {
      canvas = document.getElementById('gameCanvas');
      canvasContext = canvas.getContext('2d');
      setInterval(updateGame, 1000/30); // Actualizar el juego 30 veces por segundo
      setupInput();
    }

// Actualizar el juego
    function updateGame() {
      movePlayer();
      moveEnemy();

// Comprobar colisiones
      if (checkCollision(playerX, playerY, playerWidth, playerHeight, enemyX, enemyY, enemyWidth, enemyHeight)) {
        alert("¡Has vencido al Rey del Caos!");
        resetGame();
      }

// Dibujar el juego
      drawGame();
    }

// Dibujar el juego
    function drawGame() {
      // Limpiar el canvas
      canvasContext.clearRect(0, 0, canvas.width, canvas.height);
      
      // Dibujar al jugador
      canvasContext.fillStyle = 'blue';
      canvasContext.fillRect(playerX, playerY, playerWidth, playerHeight);
      
      // Dibujar al enemigo
      canvasContext.fillStyle = 'red';
      canvasContext.fillRect(enemyX, enemyY, enemyWidth, enemyHeight);
    }

// Mover al jugador
    function movePlayer() {
      playerX += playerSpeed;
      if (playerX >= canvas.width) {
        playerX = 0;
      }
    }

// Mover al enemigo
    function moveEnemy() {
      enemyX -= enemySpeed;
      if (enemyX <= 0) {
        enemyX = canvas.width - enemyWidth;
      }
    }

// Comprobar colisiones
    function checkCollision(playerX, playerY, playerWidth, playerHeight, enemyX, enemyY, enemyWidth, enemyHeight) {
      if (playerX < enemyX + enemyWidth &&
        playerX + playerWidth > enemyX &&
        playerY < enemyY + enemyHeight &&
        playerY + playerHeight > enemyY) {
          return true;
      }
      return false;
    }

// Reiniciar el juego
    function resetGame() {
      playerX = 100;
      playerY = 100;
      enemyX = 450;
      enemyY = 300;
    }

// Control del jugador mediante el teclado
    function setupInput() {
      document.addEventListener('keydown', function(event) {
        if(event.keyCode === 37) { // Tecla izquierda
          playerSpeed = -5;
        }
        else if(event.keyCode === 39) { // Tecla derecha
          playerSpeed = 5;
        }
      });

document.addEventListener('keyup', function(event) {
        if(event.keyCode === 37 || event.keyCode === 39) { // Liberar tecla
          playerSpeed = 0;
        }
      });
    }
  </script>
</body>
</html>