おお！からです's game

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

No:30261

←

Prev Next

→

おお！からです
Developer User14723｜Date and time 23/12/21 3:39:09
Build time 19.781 sec｜Game capacity 2.304KB｜

Script

Claro! Eu posso criar um jogo seguindo essas especificações. Abaixo está o código HTML completo para o jogo:

Neste jogo, há uma tela com um canvas onde serão exibidos pictogramas (imagens) aleatoriamente. O jogador deve tocar nos pictogramas para ganhar pontos. A pontuação é exibida na tela. O jogo continuará sendo atualizado continuamente para criar a animação.

←

Prev　Next

→ 　

Back　

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

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

Claro! Eu posso criar um jogo seguindo essas especificações. Abaixo está o código HTML completo para o jogo:

```html
<!DOCTYPE html>
<html>
<head>
  <title>Meu Jogo</title>
</head>
<body>
  <canvas id="canvas" width="400" height="400"></canvas>
  
  <script>
    // Inicialização do jogo
    var canvas = document.getElementById("canvas");
    var context = canvas.getContext("2d");
    var score = 0;
    
    // Lista de pictogramas do jogo
    var pictograms = [
      { img: "caminhada.png", x: 100, y: 100 },
      { img: "bola.png", x: 200, y: 200 },
      { img: "comida.png", x: 300, y: 300 }
    ];
    
    // Função para desenhar na tela
    function draw() {
      context.clearRect(0, 0, canvas.width, canvas.height);
      
      // Desenha os pictogramas
      pictograms.forEach(function(pictogram) {
        var image = new Image();
        image.src = pictogram.img;
        context.drawImage(image, pictogram.x, pictogram.y, 50, 50);
      });
      
      // Desenha a pontuação
      context.font = "bold 20px Arial";
      context.fillText("Pontuação: " + score, 10, 30);

// Atualiza a tela
      requestAnimationFrame(draw);
    }
    
    // Função para tratar os cliques na tela (toque do smartphone)
    function handleClick(event) {
      var rect = canvas.getBoundingClientRect();
      var clickX = event.clientX - rect.left;
      var clickY = event.clientY - rect.top;
      
      // Verifica se o clique atingiu algum pictograma
      pictograms.forEach(function(pictogram) {
        if (clickX >= pictogram.x && clickX <= pictogram.x + 50 && 
            clickY >= pictogram.y && clickY <= pictogram.y + 50) {
          // Remove o pictograma da lista
          pictograms.splice(pictograms.indexOf(pictogram), 1);
          
          // Incrementa a pontuação
          score++;
        }
      });
    }
    
    // Adiciona o listener para o clique na tela
    canvas.addEventListener("click", handleClick);
    
    // Inicia o jogo
    draw();
  </script>
</body>
</html>
```