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

No:26741

←

Prev Next

→

Roblox
Developer User13239｜Date and time 23/12/2 8:36:42
Build time 37.414 sec｜Game capacity 3.454KB｜

Script

Como um programador, posso criar um jogo simples implementado como um único arquivo HTML, contendo JavaScript e tudo envolvido em tags de script. O jogo será adaptado para uso em smartphones e, se possível, com pictogramas. Aqui está um exemplo de um jogo de correspondência de cartas usando os requisitos descritos:

Jogo de Correspondência

Esse código implementa um jogo simples de correspondência de cartas, onde é necessário encontrar pares de pictogramas idênticos clicando nas cartas. As cartas são exibidas como caixas azuis com pictogramas dentro. Quando duas cartas são clicadas, elas são viradas e, se forem correspondentes, permanecem viradas. Caso contrário, elas são viradas de volta ao seu estado original. O jogo continua até que todos os pares sejam encontrados. Espero que isso te ajude a começar a desenvolver o seu jogo!

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋ゲームアプリランキング

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

Aqui está um exemplo de um jogo de correspondência de cartas usando os requisitos descritos:

```html
<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <title>Jogo de Correspondência</title>
  <style>
    body {
      font-family: Arial, sans-serif;
      text-align: center;
    }

.card {
      display: inline-block;
      width: 100px;
      height: 100px;
      background-color: lightblue;
      margin: 10px;
      border-radius: 5px;
      font-size: 48px;
      line-height: 100px;
      cursor: pointer;
    }
  </style>
</head>
<body>
  <h1>Jogo de Correspondência</h1>
  <div id="game"></div>
  <script>
    // Array de pictogramas
    const pictograms = ['🐶', '🐱', '🐰', '🐢', '🐙', '🐸', '🐷', '🐞'];

// Dobrar pictogramas para obter pares
    const cards = pictograms.concat(pictograms);

shuffle(cards); // Embaralhar as cartas

let flippedCard = false;
    let firstCard, secondCard;
    let lockBoard = false;

const gameContainer = document.getElementById('game');
    cards.forEach(function(card) {
      const cardElement = document.createElement('div');
      cardElement.classList.add('card');
      cardElement.innerHTML = card;
      cardElement.addEventListener('click', flipCard);
      gameContainer.appendChild(cardElement);
    });

function flipCard() {
      if (lockBoard) return;
      if (this === firstCard) return;

this.classList.add('flip');

if (!flippedCard) {
        flippedCard = true;
        firstCard = this;
        return;
      }

secondCard = this;

checkMatch();
    }

function checkMatch() {
      if (firstCard.innerHTML === secondCard.innerHTML) {
        disableCards();
      } else {
        unflipCards();
      }
    }

function disableCards() {
      firstCard.removeEventListener('click', flipCard);
      secondCard.removeEventListener('click', flipCard);
      resetBoard();
    }

function unflipCards() {
      lockBoard = true;

setTimeout(function() {
        firstCard.classList.remove('flip');
        secondCard.classList.remove('flip');
        resetBoard();
      }, 1000);
    }

function resetBoard() {
      [flippedCard, lockBoard] = [false, false];
      [firstCard, secondCard] = [null, null];
    }

function shuffle(array) {
      let currentIndex = array.length, temporaryValue, randomIndex;

while (0 !== currentIndex) {
        randomIndex = Math.floor(Math.random() * currentIndex);
        currentIndex -= 1;

temporaryValue = array[currentIndex];
        array[currentIndex] = array[randomIndex];
        array[randomIndex] = temporaryValue;
      }

return array;
    }
  </script>
</body>
</html>
```

Espero que isso te ajude a começar a desenvolver o seu jogo!