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

No:43987

←

Prev Next

→

Chatbot
Developer User19302｜Date and time 24/2/17 2:06:09
Build time 10.766 sec｜Game capacity 2.646KB｜

Script

Claro! Abaixo está um exemplo de um jogo simples em HTML e JavaScript para smartphones usando pictogramas. Lembre-se de salvar o código em um único arquivo HTML:

Jogo de Pictogramas

Esse código cria um simples jogo de adivinhação de pictogramas. A cada rodada, um pictograma é escolhido aleatoriamente e exibido na tela junto com outros pictogramas. O jogador deve selecionar o pictograma correto. Se o jogador selecionar corretamente, ele receberá uma mensagem de parabéns. Caso contrário, receberá uma mensagem de erro e poderá tentar novamente. Espero que isso o ajude a começar com o seu jogo em HTML e JavaScript!

←

Prev　Next

→ 　

Back　

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

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

Claro! Abaixo está um exemplo de um jogo simples em HTML e JavaScript para smartphones usando pictogramas. Lembre-se de salvar o código em um único arquivo HTML:

```html
<!DOCTYPE html>
<html>
<head>
  <title>Jogo de Pictogramas</title>
  <style>
    body {
      text-align: center;
      padding-top: 20px;
    }
    
    h1 {
      font-family: Arial, sans-serif;
    }
    
    .pictogram {
      width: 120px;
      height: 120px;
      cursor: pointer;
    }
  </style>
</head>
<body>
  <h1>Jogo de Pictogramas</h1>
  
  <div id="game-container"></div>
  
  <script>
    var pictograms = [
      { name: "casa", image: "🏠" },
      { name: "árvore", image: "🌳" },
      { name: "carro", image: "🚗" },
      { name: "computador", image: "💻" }
    ];
    
    var gameContainer = document.getElementById("game-container");
    
    function startGame() {
      gameContainer.innerHTML = "";
      
      gameContainer.addEventListener("click", handlePictogramClick);
    
      var randomIndex = Math.floor(Math.random() * pictograms.length);
      var targetPictogram = pictograms[randomIndex];
      
      for (var i = 0; i < pictograms.length; i++) {
        var pictogram = pictograms[i];
        
        var pictogramElement = document.createElement("div");
        pictogramElement.className = "pictogram";
        pictogramElement.setAttribute("data-name", pictogram.name);
        pictogramElement.innerText = pictogram.image;
        
        gameContainer.appendChild(pictogramElement);
      }
      
      setTimeout(function() {
        alert("Encontre o pictograma: " + targetPictogram.name);
      }, 1000);
    }
    
    function handlePictogramClick(event) {
      var selectedPictogram = event.target;
      var selectedName = selectedPictogram.getAttribute("data-name");
      
      if (selectedName === targetPictogram.name) {
        alert("Parabéns! Você encontrou o pictograma correto!");
      } else {
        alert("Ops! Você selecionou o pictograma errado. Tente novamente!");
      }
      
      gameContainer.removeEventListener("click", handlePictogramClick);
      startGame();
    }
    
    startGame();
  </script>
</body>
</html>
```

Espero que isso o ajude a começar com o seu jogo em HTML e JavaScript!