IA Hebot, comandos: !help e !?, !report, !debug report/profile/hacthdog, !imagine, fale pra ia, e fundo azul escuro's game

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

No:41823

←

Prev Next

→

IA Hebot, comandos: !help e !?, !report, !debug re..ALL
Developer User18751｜Date and time 24/2/10 2:18:23
Build time 16.978 sec｜Game capacity 4.419KB｜

Script

Olá! Abaixo está um exemplo de jogo implementado em um único arquivo HTML, usando JavaScript. O jogo é uma versão simplificada do clássico "Jogo da Memória", onde você precisa combinar pares de cartas idênticas.

Esse código implementa um jogo da memória usando pictogramas como símbolos. As cartas são exibidas na tela, e o jogador precisa clicar em duas cartas por vez para encontrar os pares correspondentes. O jogo continua até que todos os pares sejam encontrados. Você pode abrir esse código em um navegador para jogar o jogo. Basta copiar e colar em um arquivo HTML e abrir no seu smartphone. Lembre-se de abrir o teclado virtual do smartphone para interagir com o jogo, clicando nas cartas para virá-las. Espero que isso atenda às suas necessidades!

←

Prev　Next

→ 　

Back　

[PR]現在の人気ゲームランキング

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

```html
<!DOCTYPE html>
<html>
<head>
    <title>Jogo da Memória</title>
    <style>
        body {
            background-color: #000066;
            display: flex;
            justify-content: center;
            align-items: center;
            height: 100vh;
            margin: 0;
        }

#game {
            display: flex;
            flex-wrap: wrap;
            width: 300px;
            height: 300px;
        }

.card {
            width: 100px;
            height: 100px;
            background-color: #FFF;
            border: 1px solid #000;
            margin: 5px;
            display: flex;
            justify-content: center;
            align-items: center;
            font-size: 30px;
            cursor: pointer;
            transition: background-color 0.3s;
        }
    </style>
</head>
<body>
    <div id="game"></div>

function createGame() {
            const gameElement = document.getElementById("game");

// Embaralhar os pictogramas
            const shuffledPictograms = [...pictograms, ...pictograms].sort(() => Math.random() - 0.5);

// Criar cartas para cada pictograma
            shuffledPictograms.forEach(pictogram => {
                const cardElement = document.createElement("div");
                cardElement.classList.add("card");
                cardElement.innerHTML = pictogram;
                cardElement.addEventListener("click", flipCard);
                gameElement.appendChild(cardElement);
            });
        }

let firstCard = null;
        let secondCard = null;
        let lockBoard = false;

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

this.classList.add("flip");

if (!firstCard) {
                firstCard = this;
            } else {
                secondCard = this;
                checkForMatch();
            }
        }

function disableCards() {
            firstCard.removeEventListener("click", flipCard);
            secondCard.removeEventListener("click", flipCard);

resetBoard();
        }

function unflipCards() {
            lockBoard = true;

setTimeout(() => {
                firstCard.classList.remove("flip");
                secondCard.classList.remove("flip");

resetBoard();
            }, 1000);
        }

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

function resetGame() {
            const gameElement = document.getElementById("game");
            gameElement.innerHTML = "";
            createGame();
        }

createGame();
    </script>
</body>
</html>
```

Você pode abrir esse código em um navegador para jogar o jogo. Basta copiar e colar em um arquivo HTML e abrir no seu smartphone. Lembre-se de abrir o teclado virtual do smartphone para interagir com o jogo, clicando nas cartas para virá-las.

Espero que isso atenda às suas necessidades!