Juego donde puedes construir y destruir.'s game

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

No:20048

139

←

Prev Next

→

Juego donde puedes construir y destruir.
Developer User7287｜Date and time 23/10/8 1:38:04
Build time 18.694 sec｜Game capacity 2.897KB｜

Script

←

Prev　Next

→ 　

Back　

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

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

<!DOCTYPE html>
<html>
<head>
  <title>Juego de Construir y Destruir</title>
</head>
<body>
  <canvas id="gameCanvas" width="800" height="600"></canvas>

// Variables de juego
    let canvas;
    let canvasContext;

// Posición del objeto
    let objectX = 100;
    let objectY = 100;

// Función para inicializar el juego
    function startGame() {
      canvas = document.getElementById("gameCanvas");
      canvasContext = canvas.getContext("2d");
      setInterval(updateGame, 20);  // Ejecutar la función updateGame cada 20ms
    }

// Función para actualizar el juego en cada frame
    function updateGame() {
      drawGame();
    }

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

// Dibujar el objeto en la posición actual
      canvasContext.font = "48px Arial";
      canvasContext.fillText(construirPictograma, objectX, objectY);
    }

// Función para mover el objeto hacia arriba
    function moveUp() {
      objectY -= 10;
    }

// Función para mover el objeto hacia abajo
    function moveDown() {
      objectY += 10;
    }

// Función para mover el objeto hacia la izquierda
    function moveLeft() {
      objectX -= 10;
    }

// Función para mover el objeto hacia la derecha
    function moveRight() {
      objectX += 10;
    }
  </script>

let xDown = null;
    let yDown = null;

// Función para capturar las coordenadas del inicio del toque
    function handleTouchStart(event) {
      xDown = event.touches[0].clientX;
      yDown = event.touches[0].clientY;
    }

// Función para capturar las coordenadas del movimiento del toque
    function handleTouchMove(event) {
      if (!xDown || !yDown) {
        return;
      }

let xUp = event.touches[0].clientX;
      let yUp = event.touches[0].clientY;

let xDiff = xDown - xUp;
      let yDiff = yDown - yUp;

// Movimiento horizontal
      if (Math.abs(xDiff) > Math.abs(yDiff)) {
        if (xDiff > 0) {
          moveLeft();
        } else {
          moveRight();
        }
      }
      // Movimiento vertical
      else {
        if (yDiff > 0) {
          moveUp();
        } else {
          moveDown();
        }
      }

xDown = null;
      yDown = null;

event.preventDefault();
    }
  </script>