Juego de supervivencia's game

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

No:23634

←

Prev Next

→

Juego de supervivencia
Developer User11063｜Date and time 23/11/2 8:45:20
Build time 54.638 sec｜Game capacity 2.502KB｜

Script

←

Prev　Next

→ 　

Back　

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

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

<!DOCTYPE html>
<html>
  <head>
    <title>Juego de Supervivencia</title>
  </head>
  <body>
    <canvas id="gameCanvas" width="400" height="400"></canvas>

// Función para inicializar el juego
      function init() {
        canvas = document.getElementById("gameCanvas");
        ctx = canvas.getContext("2d");
        playerX = canvas.width / 2;
        playerY = canvas.height / 2;
        playerSize = 20;

// Escuchar eventos de toque
        canvas.addEventListener("touchstart", handleTouchStart, false);
        canvas.addEventListener("touchmove", handleTouchMove, false);

// Iniciar el bucle de juego
        setInterval(updateGame, 10);
      }

// Función para dibujar los elementos en el juego
      function drawGame() {
        // Limpiar el canvas
        ctx.clearRect(0, 0, canvas.width, canvas.height);

// Dibujar al jugador (pictograma de un personaje)
        ctx.beginPath();
        ctx.arc(playerX, playerY, playerSize, 0, Math.PI * 2);
        ctx.fillStyle = "blue";
        ctx.fill();
        ctx.closePath();
      }

// Función para actualizar la lógica del juego
      function updateGame() {
        drawGame();
      }

// Funciones para manejar eventos de toque en dispositivos móviles
      function handleTouchStart(event) {
        var touch = event.touches[0];
        var touchX = touch.clientX - canvas.offsetLeft;
        var touchY = touch.clientY - canvas.offsetTop;

// Verificar si el jugador ha sido tocado
        if (
          touchX > playerX - playerSize &&
          touchX < playerX + playerSize &&
          touchY > playerY - playerSize &&
          touchY < playerY + playerSize
        ) {
          // Acción de supervivencia del jugador
          // Por ejemplo, saltar o esquivar un obstáculo
          console.log("El jugador ha sido tocado");
        }
      }

function handleTouchMove(event) {
        // Evitar el movimiento por defecto del dispositivo
        event.preventDefault();

var touch = event.touches[0];
        var touchX = touch.clientX - canvas.offsetLeft;
        var touchY = touch.clientY - canvas.offsetTop;

// Mover al jugador hacia la posición del toque
        playerX = touchX;
        playerY = touchY;
      }

// Inicializar el juego
      init();
    </script>
  </body>
</html>