An ai with legs that learns to walk's game

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

No:30817

←

Prev Next

→

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

Script

←

Prev　Next

→ 　

Back　

[PR]現在のフィギュア売れ筋ランキング

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

<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <title>Juego del AI que aprende a caminar</title>
</head>
<body>
  <canvas id="gameCanvas" width="400" height="200"></canvas>

// Esta función se ejecuta cada vez que se pulsa una tecla en el juego
        document.addEventListener('keydown', (event) => {
          if (event.key === 'ArrowUp' && !this.isJumping) {
            // Si se pulsa la flecha hacia arriba y el AI no está saltando
            // se inicia el salto
            this.velY = -10;
            this.isJumping = true;
          }
        });
      }

update() {
        // Actualiza la posición del AI en cada fotograma
        this.x += this.velX;
        this.y += this.velY;
        this.velY += 0.5; // Gravedad

// Evita que el AI salga de la pantalla
        if (this.y > 150) {
          this.y = 150;
          this.velY = 0;
          this.isJumping = false;
        }
      }

draw() {
        // Dibuja el AI en la posición actual
        const canvas = document.getElementById('gameCanvas');
        const ctx = canvas.getContext('2d');

ctx.clearRect(0, 0, canvas.width, canvas.height);
        ctx.beginPath();
        ctx.arc(this.x, this.y, 10, 0, Math.PI * 2);
        ctx.fillStyle = 'blue';
        ctx.fill();
        ctx.closePath();
      }
    }

// Función principal del juego
    function gameLoop() {
      const ai = new AI();

function updateGame() {
        ai.update();
        ai.draw();

requestAnimationFrame(updateGame);
      }

updateGame();
    }

// Inicia el juego cuando la página ha cargado completamente
    window.addEventListener('load', () => {
      gameLoop();
    });
  </script>
</body>
</html>