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

No:8124

1776

←

Prev Next

→

Game that a cat runs
Developer User4141｜Date and time 23/7/13 8:49:35
Build time 11.776 sec｜Game capacity 2.203KB｜

Script

Aqui está um exemplo de um jogo em que um gato corre, escrito em JavaScript e incorporado em um único arquivo HTML:

Jogo do Gato Correndo

Este jogo cria um canvas onde um gato é desenhado e se move da esquerda para a direita. O jogador pode controlar o movimento vertical do gato usando as setas para cima e para baixo do teclado. O gato reinicia seu movimento quando atinge a borda direita do canvas. Certifique-se de ter uma imagem chamada "emozi_all/jogo.png" na mesma pasta do arquivo HTML para que o jogo funcione corretamente.

←

Prev　Next

→ 　

Back　

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

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

Aqui está um exemplo de um jogo em que um gato corre, escrito em JavaScript e incorporado em um único arquivo HTML:

```html
<!DOCTYPE html>
<html>
<head>
  <title>Jogo do Gato Correndo</title>
  <style>
    #cat {
      position: relative;
      top: 0;
      left: 0;
    }
  </style>
</head>
<body>
  <h1>Jogo do Gato Correndo</h1>
  <canvas id="gameCanvas" width="500" height="200"></canvas>
  
  <script>
    // Variáveis do jogo
    var canvas, ctx;
    var catImage, catX, catY;
    var gameLoop;
    
    // Função principal do jogo
    function startGame() {
      canvas = document.getElementById("gameCanvas");
      ctx = canvas.getContext("2d");
      
      catImage = new Image();
      catImage.src = "cat.png";
      
      catX = 0;
      catY = canvas.height / 2;
      
      document.addEventListener("keydown", moveCat);
      
      gameLoop = setInterval(updateGame, 20);
    }
    
    // Função para desenhar o gato no canvas
    function drawCat() {
      ctx.drawImage(catImage, catX, catY);
    }
    
    // Função para atualizar o jogo a cada quadro
    function updateGame() {
      ctx.clearRect(0, 0, canvas.width, canvas.height);
      
      catX += 5; // Movimento do gato
      
      if (catX > canvas.width) {
        catX = 0; // Reinicia o movimento do gato
      }
      
      drawCat();
    }
    
    // Função para mover o gato para cima ou para baixo
    function moveCat(event) {
      if (event.keyCode === 38) {
        // Seta para cima: move o gato para cima
        catY -= 10;
      } else if (event.keyCode === 40) {
        // Seta para baixo: move o gato para baixo
        catY += 10;
      }
    }
    
    // Iniciar o jogo quando a página for carregada
    window.onload = function() {
      startGame();
    };
  </script>
</body>
</html>
```

Este jogo cria um canvas onde um gato é desenhado e se move da esquerda para a direita. O jogador pode controlar o movimento vertical do gato usando as setas para cima e para baixo do teclado. O gato reinicia seu movimento quando atinge a borda direita do canvas. Certifique-se de ter uma imagem chamada "cat.png" na mesma pasta do arquivo HTML para que o jogo funcione corretamente.