Juego de gusanos que se comen a otros en un espacio, todo está desconttolado, el que se come a otro se va haciendo más grande y gama el que queda último, luego se reinicioael juego's game

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

No:19256

←

Prev Next

→

Juego de gusanos que se comen a otros en un espaci..ALL
Developer User8493｜Date and time 23/10/2 8:08:38
Build time 18.793 sec｜Game capacity 4.072KB｜

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 Gusanos</title>
<style>
canvas {
  border: 1px solid black;
}
</style>
</head>
<body>
<canvas id="canvas" width="500" height="500"></canvas>

// Definir variables del juego
var tamañoGusano = 10;
var velocidad = 3;
var direccionX = velocidad;
var direccionY = 0;
var gusanos = [];
var comida = {
  x: Math.floor(Math.random() * (canvas.width / tamañoGusano)) * tamañoGusano,
  y: Math.floor(Math.random() * (canvas.height / tamañoGusano)) * tamañoGusano
};
var puntuacion = 0;

// Agregar controles táctiles para dispositivos móviles
document.addEventListener("touchstart", handleTouchStart, false);
document.addEventListener("touchmove", handleTouchMove, false);

var xInicial = null;
var yInicial = null;

function handleTouchStart(event) {
  xInicial = event.touches[0].clientX;
  yInicial = event.touches[0].clientY;
}

function handleTouchMove(event) {
  if (!xInicial || !yInicial) {
    return;
  }

var xActual = event.touches[0].clientX;
  var yActual = event.touches[0].clientY;

var deltaX = xActual - xInicial;
  var deltaY = yActual - yInicial;

if (Math.abs(deltaX) > Math.abs(deltaY)) {
    if (deltaX > 0) {
      // Mover hacia la derecha
      direccionX = velocidad;
      direccionY = 0;
    } else {
      // Mover hacia la izquierda
      direccionX = -velocidad;
      direccionY = 0;
    }
  } else {
    if (deltaY > 0) {
      // Mover hacia abajo
      direccionX = 0;
      direccionY = velocidad;
    } else {
      // Mover hacia arriba
      direccionX = 0;
      direccionY = -velocidad;
    }
  }

xInicial = null;
  yInicial = null;
}

// Función para crear un gusano inicial
function crearGusano() {
  gusanos.push({
    x: Math.floor(Math.random() * (canvas.width / tamañoGusano)) * tamañoGusano,
    y: Math.floor(Math.random() * (canvas.height / tamañoGusano)) * tamañoGusano
  });
}

// Función que dibuja los elementos del juego
function dibujar() {
  // Limpiar el lienzo
  ctx.clearRect(0, 0, canvas.width, canvas.height);

// Dibujar la comida
  ctx.fillStyle = "red";
  ctx.fillRect(comida.x, comida.y, tamañoGusano, tamañoGusano);

// Dibujar los gusanos
  ctx.fillStyle = "green";
  for (var i = 0; i < gusanos.length; i++) {
    ctx.fillRect(gusanos[i].x, gusanos[i].y, tamañoGusano, tamañoGusano);
  }

// Dibujar la puntuación
  ctx.fillStyle = "black";
  ctx.font = "20px Arial";
  ctx.fillText("Puntuación: " + puntuacion, 10, 30);
}

// Función que actualiza la posición de los elementos del juego
function actualizar() {
  // Mover los gusanos
  var cabezaX = gusanos[0].x + direccionX;
  var cabezaY = gusanos[0].y + direccionY;

// Verificar si el gusano se come a la comida
  if (cabezaX === comida.x && cabezaY === comida.y) {
    puntuacion++;
    comida.x = Math.floor(Math.random() * (canvas.width / tamañoGusano)) * tamañoGusano;
    comida.y = Math.floor(Math.random() * (canvas.height / tamañoGusano)) * tamañoGusano;
  } else {
    // Eliminar la cola del gusano
    gusanos.pop();
  }

// Crear una nueva cabeza para el gusano
  var nuevaCabeza = {
    x: cabezaX,
    y: cabezaY
  };

// Verificar si el gusano se come a sí mismo o choca contra la pared
  for (var i = 1; i < gusanos.length; i++) {
    if (nuevaCabeza.x === gusanos[i].x && nuevaCabeza.y === gusanos[i].y) {
      reiniciar();
    }
  }

if (
    nuevaCabeza.x < 0 ||
    nuevaCabeza.x >= canvas.width ||
    nuevaCabeza.y < 0 ||
    nuevaCabeza.y >= canvas.height
  ) {
    reiniciar();
  }

// Agregar la nueva cabeza al gusano
  gusanos.unshift(nuevaCabeza);
}

// Función que reinicia el juego
function reiniciar() {
  gusanos = [];
  crearGusano();
  puntuacion = 0;
}

// Función principal del juego
function juego() {
  actualizar();
  dibujar();

// Siguiente frame del juego
  setTimeout(juego, 1000 / 15); // 15 cuadros por segundo
}

// Iniciar el juego
crearGusano();
juego();
</script>
</body>
</html>