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

No:49965

118

←

Prev Next

→

Crie um jogo pixelado sobre gatos escapando da cid..ALL
Developer User21192｜Date and time 24/3/7 4:04:16
Build time 10.959 sec｜Game capacity 1.615KB｜

Script

Gatos Fugindo da Cidade

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋Kindle本ランキング

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

<!DOCTYPE html>
<html>
<head>
  <title>Gatos Fugindo da Cidade</title>
  <style>
    body {
      background-color: #f0f0f0;
      text-align: center;
    }
  </style>
</head>
<body>
  <h1>Gatos Fugindo da Cidade</h1>
  
  <canvas id="gameCanvas" width="400" height="400"></canvas>
  
  <script>
    const canvas = document.getElementById('gameCanvas');
    const ctx = canvas.getContext('2d');
    
    const gatoImg = new Image();
    gatoImg.src = 'https://image.flaticon.com/icons/png/128/1391/1391721.png';
    
    let gatoX = 200;
    let gatoY = 350;
    const gatoSpeed = 5;
    
    function desenharGato() {
      ctx.drawImage(gatoImg, gatoX, gatoY, 50, 50);
    }
    
    function limparTela() {
      ctx.clearRect(0, 0, canvas.width, canvas.height);
    }
    
    function atualizarJogo() {
      limparTela();
      desenharGato();
    }
    
    function moverGato(event) {
      switch (event.key) {
        case 'ArrowLeft':
          gatoX -= gatoSpeed;
          break;
        case 'ArrowRight':
          gatoX += gatoSpeed;
          break;
        case 'ArrowUp':
          gatoY -= gatoSpeed;
          break;
        case 'ArrowDown':
          gatoY += gatoSpeed;
          break;
      }
    }
    
    function detectarColisao() {
      if (gatoX < 0) {
        alert('O gato escapou da cidade!');
      }
    }
    
    window.addEventListener('keydown', moverGato);
    
    function loopJogo() {
      atualizarJogo();
      detectarColisao();
      requestAnimationFrame(loopJogo);
    }
    
    gatoImg.onload = function() {
      loopJogo();
    };
  </script>
</body>
</html>