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

No:34380

117

←

Prev Next

→

Jogo da memória de Naruto e dragon ball e esse jog..ALL
Developer User14167｜Date and time 24/1/10 6:29:50
Build time 24.476 sec｜Game capacity 6.756KB｜

Script

Jogo da Memória - Naruto e Dragon Ball

←

Prev　Next

→ 　

Back　

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

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

<!DOCTYPE html>
<html>
<head>
    <title>Jogo da Memória - Naruto e Dragon Ball</title>
</head>
<body>

<div>
    <h1>Jogo da Memória - Naruto e Dragon Ball</h1>
    <button onclick="startGame()">Iniciar jogo</button>
</div>

<div id="gameBoard" style="display: none;">
    <h3>Você pode encontrar todos os pares?</h3>
    <div id="cards"></div>
</div>

<div id="chat" style="display: none;">
    <h3>Chat para descobrir os easter eggs do jogo:</h3>
    <div id="messages"></div>
    <input type="text" id="chatInput" placeholder="Digite sua mensagem">
    <button onclick="sendMessage()">Enviar</button>
</div>

var level = 1;
    var totalCards = 4;
    var flippedCards = [];
    var matchedCards = [];
    var clickEnabled = true;

function startGame() {
        document.getElementById('gameBoard').style.display = 'block';
        document.getElementById('chat').style.display = 'none';
        document.getElementById('cards').innerHTML = '';
        level = 1;
        totalCards = 4;
        flippedCards = [];
        matchedCards = [];
        clickEnabled = true;
        shuffleCards();
        createCards();
    }

function shuffleCards() {
        for (var i = cards.length - 1; i > 0; i--) {
            var j = Math.floor(Math.random() * (i + 1));
            var temp = cards[i];
            cards[i] = cards[j];
            cards[j] = temp;
        }
    }

function createCards() {
        for (var i = 0; i < totalCards; i++) {
            var cardElement = document.createElement('div');
            cardElement.classList.add('card');
            cardElement.dataset.name = cards[i].name;
            cardElement.style.backgroundImage = "url('" + cards[i].image + "')";

var backFace = document.createElement('div');
            backFace.classList.add('back-face');

var frontFace = document.createElement('div');
            frontFace.classList.add('front-face');

cardElement.appendChild(backFace);
            cardElement.appendChild(frontFace);

document.getElementById('cards').appendChild(cardElement);
        }

var remainingCards = totalCards;

document.querySelectorAll('.card').forEach(function (card) {
            card.addEventListener('click', function () {
                if (!clickEnabled || card.classList.contains('matched') || card.classList.contains('flipped')) {
                    return;
                }
                
                card.classList.add('flipped');
                flippedCards.push(card);

if (flippedCards.length === 2) {
                    if (flippedCards[0].dataset.name === flippedCards[1].dataset.name) {
                        flippedCards.forEach(function (flippedCard) {
                            flippedCard.classList.add('matched');
                        });

matchedCards.push(flippedCards[0]);
                        matchedCards.push(flippedCards[1]);
                        flippedCards = [];

remainingCards -= 2;

if (remainingCards === 0) {
                            endGame();
                        }
                    } else {
                        clickEnabled = false;
                        setTimeout(function () {
                            flippedCards.forEach(function (flippedCard) {
                                flippedCard.classList.remove('flipped');
                            });
                            flippedCards = [];
                            clickEnabled = true;
                        }, 1000);
                    }
                }
            });
        });
    }

function endGame() {
        document.getElementById('gameBoard').style.display = 'none';
        document.getElementById('chat').style.display = 'block';
    }

function sendMessage() {
        var messageInput = document.getElementById('chatInput');
        var message = messageInput.value.trim();

if (message !== '') {
            var messagesContainer = document.getElementById('messages');
            var messageElement = document.createElement('div');
            messageElement.classList.add('message');
            messageElement.innerText = 'Você: ' + message;
            messagesContainer.appendChild(messageElement);

messageInput.value = '';

if (message.toLowerCase().includes('easter egg')) {
                var responseElement = document.createElement('div');
                responseElement.classList.add('message');
                responseElement.innerText = 'Inteligência artificial: Parabéns, você encontrou um easter egg!';
                messagesContainer.appendChild(responseElement);

// Apresentar o easter egg do jogo
            } else {
                var responseElement = document.createElement('div');
                responseElement.classList.add('message');
                responseElement.innerText = 'Inteligência artificial: Desculpe, não sei sobre nenhum easter egg.';
                messagesContainer.appendChild(responseElement);
            }
        }
    }
</script>

.back-face {
        width: 100%;
        height: 100%;
        background-color: #333;
    }

.front-face {
        width: 100%;
        height: 100%;
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        position: absolute;
        transform: rotateY(180deg);
    }

.flipped .back-face {
        transform: rotateY(180deg);
    }

.flipped .front-face {
        transform: rotateY(0deg);
    }

.matched {
        opacity: 0.5;
        cursor: not-allowed;
    }

#gameBoard {
        text-align: center;
    }

#chat {
        text-align: center;
    }

.message {
        margin: 10px;
        border: 1px solid #000;
        padding: 5px;
    }
</style>

</body>
</html>