Mas o sonic não está controlando com as setas's game

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

No:20081

←

Prev Next

→

Mas o sonic não está controlando com as setas
Developer User8941｜Date and time 23/10/8 6:03:40
Build time 11.411 sec｜Game capacity 2.444KB｜

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>Jogo do Sonic</title>
</head>
<body>
  <canvas id="gameCanvas" width="800" height="600"></canvas>

// Define a posição inicial do Sonic e sua velocidade
    var sonicX = canvas.width / 2;
    var sonicY = canvas.height - 30;
    var sonicSpeed = 7;

// Mantém o estado de cada tecla
    var leftPressed = false;
    var rightPressed = false;
    var upPressed = false;
    var downPressed = false;

// Define o tamanho e localização do ícone do Sonic
    var sonicIcon = new Image();
    sonicIcon.src = "sonic.png";

// Função para desenhar na tela
    function draw() {
      context.clearRect(0, 0, canvas.width, canvas.height);
      context.drawImage(sonicIcon, sonicX, sonicY);

// Atualiza a posição do Sonic baseado nas teclas pressionadas
      if (leftPressed && sonicX > 0) {
        sonicX -= sonicSpeed;
      }
      if (rightPressed && sonicX < canvas.width - sonicIcon.width) {
        sonicX += sonicSpeed;
      }
      if (upPressed && sonicY > 0) {
        sonicY -= sonicSpeed;
      }
      if (downPressed && sonicY < canvas.height - sonicIcon.height) {
        sonicY += sonicSpeed;
      }
    }

// Funções para detectar as teclas pressionadas e liberadas
    function keyDownHandler(event) {
      if (event.key === "ArrowLeft") {
        leftPressed = true;
      }
      if (event.key === "ArrowRight") {
        rightPressed = true;
      }
      if (event.key === "ArrowUp") {
        upPressed = true;
      }
      if (event.key === "ArrowDown") {
        downPressed = true;
      }
    }

// Adiciona listeners para as teclas pressionadas e liberadas
    document.addEventListener("keydown", keyDownHandler, false);
    document.addEventListener("keyup", keyUpHandler, false);

// A cada 10 milissegundos, chama a função draw para atualizar
    setInterval(draw, 10);
  </script>
</body>
</html>