AI game creator

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

No:30241

←

Prev Next

→

Jogo da aranha
Developer User14723｜Date and time 23/12/21 3:17:04
Build time 14.231 sec｜Game capacity 1.978KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在の欲しいゲームランキング

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

<!DOCTYPE html>
<html>
  <head>
    <title>Jogo da Aranha</title>
    <style>
      canvas {
        border: 1px solid black;
      }
    </style>
  </head>
  
  <body>
    <canvas id="gameCanvas" width="400" height="400"></canvas>
    
    <script>
      // Variáveis do jogo
      var canvas = document.getElementById("gameCanvas");
      var ctx = canvas.getContext("2d");
      var spiderSize = 20;
      var spiderX = canvas.width / 2;
      var spiderY = canvas.height - spiderSize;
      var rightPressed = false;
      var leftPressed = false;
      
      // Função para desenhar a aranha
      function drawSpider() {
        ctx.beginPath();
        ctx.rect(spiderX, spiderY, spiderSize, spiderSize);
        ctx.fillStyle = "black";
        ctx.fill();
        ctx.closePath();
      }
      
      // Função para desenhar o jogo
      function drawGame() {
        ctx.clearRect(0, 0, canvas.width, canvas.height);
        drawSpider();
        
        if (rightPressed && spiderX < canvas.width - spiderSize) {
          spiderX += 5;
        } else if (leftPressed && spiderX > 0) {
          spiderX -= 5;
        }
        
        requestAnimationFrame(drawGame);
      }
      
      // Função para tratar o pressionamento das teclas
      function keyDownHandler(event) {
        if (event.keyCode === 39) {
          rightPressed = true;
        } else if (event.keyCode === 37) {
          leftPressed = true;
        }
      }
      
      // Função para tratar a soltura das teclas
      function keyUpHandler(event) {
        if (event.keyCode === 39) {
          rightPressed = false;
        } else if (event.keyCode === 37) {
          leftPressed = false;
        }
      }
      
      // Event listeners para tratar as teclas
      document.addEventListener("keydown", keyDownHandler, false);
      document.addEventListener("keyup", keyUpHandler, false);
      
      // Iniciar o jogo
      drawGame();
    </script>
  </body>
</html>