AI game creator

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

No:8749

145

←

Prev Next

→

Game engine
Developer User4235｜Date and time 23/7/18 3:32:04
Build time 29.75 sec｜Game capacity 3.134KB｜

Script

Desculpe, mas não sou capaz de escrever um jogo completo em HTML e JavaScript aqui. No entanto, posso fornecer um exemplo de código básico que você pode usar como ponto de partida para criar seu próprio jogo em HTML e JavaScript. Aqui está um exemplo simples de um jogo da Memória:

Basta copiar e colar esse código em um arquivo HTML e você terá um jogo de Memória básico utilizando emojis como pictogramas. Você pode adicionar mais cartas, personalizar o estilo, adicionar animações, etc., de acordo com suas preferências.

←

Prev　Next

→ 　

Back　

[PR]現在のプレゼントランキング

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

Aqui está um exemplo simples de um jogo da Memória:

```
<!DOCTYPE html>
<html>
<head>
    <title>Jogo da Memória</title>
    <style>
        .card {
            width: 100px;
            height: 100px;
            background-color: #e0e0e0;
            border: 1px solid #000;
            display: inline-block;
            margin: 10px;
            text-align: center;
            font-size: 24px;
            cursor: pointer;
        }
    </style>
</head>
<body>
    <div id="gameBoard"></div>
    <script>
        // Definindo as cartas do jogo
        const cards = [
          { emoji: "🐶", id: 1 },
          { emoji: "🐱", id: 2 },
          { emoji: "🐭", id: 3 },
          { emoji: "🐹", id: 4 },
          { emoji: "🐰", id: 5 },
          { emoji: "🐻", id: 6 },
          { emoji: "🦊", id: 7 },
          { emoji: "🐼", id: 8 },
          { emoji: "🐯", id: 9 },
          { emoji: "🐷", id: 10 }
        ];

// Duplicando as cartas para criar os pares
        const gameCards = [...cards, ...cards];

// Embaralhando as cartas
        gameCards.sort(() => Math.random() - 0.5);

// Armazenando a carta atual clicada
        let currentCard = null;

// Adicionando as cartas ao tabuleiro do jogo
        const gameBoard = document.querySelector("#gameBoard");
        gameCards.forEach((card, index) => {
            const cardElement = document.createElement("div");
            cardElement.classList.add("card");
            cardElement.setAttribute("data-id", card.id);
            cardElement.textContent = card.emoji;
            cardElement.addEventListener("click", handleCardClick);
            gameBoard.appendChild(cardElement);
        });

// Função de tratamento para clique nas cartas
        function handleCardClick(event) {
            const clickedCard = event.target;
            const cardId = clickedCard.getAttribute("data-id");

if (currentCard) {
                // Verificando se as cartas são iguais
                if (currentCard.getAttribute("data-id") === cardId) {
                    alert("Você encontrou um par!");
                    currentCard.removeEventListener("click", handleCardClick);
                    clickedCard.removeEventListener("click", handleCardClick);
                } else {
                    alert("Opa! Tente novamente.");
                }

// Resetando a carta atual
                currentCard = null;
            } else {
                // Armazenando a carta atual
                currentCard = clickedCard;
            }
        }
    </script>
</body>
</html>
```