An ai with legs that learns to walk's game

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

No:30818

←

Prev Next

→

An ai with legs that learns to walk
Developer User14891｜Date and time 23/12/24 6:57:43
Build time 10.763 sec｜Game capacity 2.627KB｜

Script

←

Prev　Next

→ 　

Back　

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

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

<!DOCTYPE html>
<html>
<head>
<title>Juego del AI Caminante</title>
</head>
<body>
<canvas id="gameCanvas" width="800" height="600"></canvas>
<script>
// Variables del juego
var canvas;
var context;
var ai;
var obstacles;
var gameLoop;

// Inicializar el juego
function initialize() {
  canvas = document.getElementById("gameCanvas");
  context = canvas.getContext("2d");
  
  // Crear el AI
  ai = {
    x: 50, // Posición horizontal del AI
    y: canvas.height / 2, // Posición vertical del AI
    speed: 0, // Velocidad del AI
    gravity: 0.1, // Gravedad que afecta al AI
    isWalking: false // Variable para controlar si el AI está caminando
  };
  
  // Crear obstáculos
  obstacles = [
    { x: 300, y: canvas.height - 80, width: 30, height: 50 },
    { x: 500, y: canvas.height - 80, width: 30, height: 50 },
    { x: 700, y: canvas.height - 120, width: 30, height: 90 }
  ];

// Agregar manejadores de eventos táctiles para control del AI
  canvas.addEventListener("touchstart", startWalking);
  canvas.addEventListener("touchend", stopWalking);
  
  // Iniciar el bucle del juego
  gameLoop = setInterval(update, 16); // Ejecutar la función update aproximadamente cada 16ms (60fps)
}

// Comenzar a caminar
function startWalking() {
  ai.isWalking = true;
}

// Detener la caminata
function stopWalking() {
  ai.isWalking = false;
}

// Actualizar el juego
function update() {
  // Borrar el lienzo
  context.clearRect(0, 0, canvas.width, canvas.height);
  
  // Actualizar la posición y velocidad del AI
  ai.y += ai.speed;
  ai.speed += ai.gravity;
  
  // Detectar colisiones con los obstáculos
  for (var i = 0; i < obstacles.length; i++) {
    var obstacle = obstacles[i];
    
    if (ai.x < obstacle.x + obstacle.width &&
        ai.x + 50 > obstacle.x &&
        ai.y < obstacle.y + obstacle.height &&
        ai.y + 50 > obstacle.y) {
      // El AI ha chocado con un obstáculo, reiniciar el juego
      clearInterval(gameLoop);
      alert("¡Has perdido! Inténtalo de nuevo.");
      initialize();
      return;
    }
  }
  
  // Dibujar el AI
  context.fillStyle = "#000";
  context.fillRect(ai.x, ai.y, 50, 50);
  
  // Dibujar los obstáculos
  for (var i = 0; i < obstacles.length; i++) {
    var obstacle = obstacles[i];
    
    context.fillStyle = "#f00";
    context.fillRect(obstacle.x, obstacle.y, obstacle.width, obstacle.height);
  }
  
  // Controlar el movimiento del AI
  if (ai.isWalking) {
    ai.y -= 2; // Impulsar al AI hacia arriba al caminar
  }
}

// Iniciar el juego cuando se cargue la página
window.onload = function() {
  initialize();
};
</script>
</body>
</html>