Un juego donde somos un cuadrado verde y nos persigue un cuadrado rojo,que intenta tocarnos,y si nos toca ahora nosotros lo tenemos que tocar y un inicio donde tienes que elegir los modos de juego,el de contra un bot osea una ia que jugamos con una ia que el cuadrado es el bot y el otro es multijugador que claramente es el modo multijugador,donde juegas con familia amigos con lo que sea,y si mantenemos presionado los botones caminaremos normalmente.'s game

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

No:41580

←

Prev Next

→

Un juego donde somos un cuadrado verde y nos persi..ALL
Developer User18058｜Date and time 24/2/8 13:09:43
Build time 16.958 sec｜Game capacity 4.073KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在の人気グッズランキング

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

<!DOCTYPE html>
<html>
<head>
  <title>Juego Cuadrados</title>
  <style>
    canvas {
      border: 1px solid black;
    }
  </style>
</head>
<body>
  <canvas id="gameCanvas" width="500" height="500"></canvas>
  <script>
    // Obtenemos el canvas y su contexto
    var canvas = document.getElementById("gameCanvas");
    var ctx = canvas.getContext("2d");
  
    // Definimos los objetos del juego
    var jugador;
    var enemigo;
  
    // Variable para controlar la posición del jugador
    var x = canvas.width / 2;
    var y = canvas.height / 2;
  
    // Variable para controlar la velocidad del jugador
    var dx = 0;
    var dy = 0;
  
    // Variable para controlar la posición del enemigo
    var enemigoX = Math.random() * canvas.width;
    var enemigoY = Math.random() * canvas.height;
  
    // Variable para controlar la velocidad del enemigo
    var enemigoDx = 2;
    var enemigoDy = 2;
  
    // Variable para controlar si estamos en modo multijugador o contra bot
    var modoJuego;
  
    // Evento para detectar el toque en pantalla
    canvas.addEventListener('touchstart', function(event) {
      event.preventDefault();
  
      // Si mantenemos presionado el botón, el jugador se moverá
      dx = event.touches[0].pageX < canvas.width / 2 ? -2 : 2;
      dy = event.touches[0].pageY < canvas.height / 2 ? -2 : 2;
    });
  
    // Evento para detectar cuando soltamos el toque de pantalla
    canvas.addEventListener('touchend', function(event) {
      event.preventDefault();
  
      // Si soltamos el botón, el jugador se detiene
      dx = 0;
      dy = 0;
    });
  
    // Función para dibujar el jugador
    function dibujarJugador() {
      ctx.beginPath();
      ctx.rect(x, y, 30, 30);
      ctx.fillStyle = "green";
      ctx.fill();
      ctx.closePath();
    }
  
    // Función para dibujar el enemigo
    function dibujarEnemigo() {
      ctx.beginPath();
      ctx.rect(enemigoX, enemigoY, 30, 30);
      ctx.fillStyle = "red";
      ctx.fill();
      ctx.closePath();
    }
  
    // Función para detectar si el jugador ha tocado al enemigo
    function colision() {
      if (x < enemigoX + 30 &&
          x + 30 > enemigoX &&
          y < enemigoY + 30 &&
          y + 30 > enemigoY) {
        if (modoJuego === "multijugador") {
          alert("¡Ganaste en modo multijugador!");
        } else {
          alert("¡Ganaste contra el bot!");
        }
  
        // Reiniciamos el juego
        x = canvas.width / 2;
        y = canvas.height / 2;
        enemigoX = Math.random() * canvas.width;
        enemigoY = Math.random() * canvas.height;
      }
    }
  
    // Función para actualizar la posición del jugador y enemigo
    function actualizarPosicion() {
      x += dx;
      y += dy;
      enemigoX += enemigoDx;
      enemigoY += enemigoDy;
  
      // Detectamos si el enemigo ha chocado contra los bordes del canvas
      if (enemigoX + 30 > canvas.width || enemigoX < 0) {
        enemigoDx = -enemigoDx;
      }
      if (enemigoY + 30 > canvas.height || enemigoY < 0) {
        enemigoDy = -enemigoDy;
      }
  
      colision();
    }
  
    // Función principal del juego
    function juego() {
      // Limpiamos el canvas antes de dibujar los objetos
      ctx.clearRect(0, 0, canvas.width, canvas.height);
  
      // Dibujamos al jugador y al enemigo
      dibujarJugador();
      dibujarEnemigo();
  
      // Actualizamos la posición de los objetos
      actualizarPosicion();
  
      // Llamamos nuevamente a la función juego para crear un ciclo de juego continuo
      requestAnimationFrame(juego);
    }
  
    // Función para iniciar el juego
    function iniciarJuego() {
      modoJuego = prompt("Elige el modo de juego (contra bot o multijugador):");
  
      if (modoJuego === "contra bot" || modoJuego === "multijugador") {
        juego();
      } else {
        alert("Modo de juego no válido. Elige 'contra bot' o 'multijugador'.");
        iniciarJuego();
      }
    }
  
    // Iniciamos el juego al cargar la página
    iniciarJuego();
  </script>
</body>
</html>