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

No:14791

138

←

Prev Next

→

Um jogo sobre vlog
Developer User6309｜Date and time 23/9/4 7:36:05
Build time 26.759 sec｜Game capacity 3.327KB｜

Script

OK, aqui está uma versão simplificada de um jogo sobre vlog implementado em um único arquivo HTML com JavaScript. Por favor, note que este é apenas um exemplo básico, mas você pode expandi-lo e adicionar mais recursos e funcionalidades conforme necessário.

Jogo do Vlog

Escolha a opção correta para completar o vlog!

Pontuação: 0

Neste exemplo, o jogo é simplesmente sobre escolher a opção correta para completar um vlog. O jogador tem três opções de respostas, representadas por imagens de emoticons. Quando o jogador clica em uma opção, a função `checkAnswer` é chamada para verificar se a resposta está correta ou não. A pontuação é atualizada e uma mensagem é exibida para o jogador informando se a resposta estava certa ou errada. Por favor, substitua `cara_feliz.jpg`, `cara_triste.jpg` e `cara_surpresa.jpg` com as imagens reais que você deseja usar no jogo. Certifique-se de que as imagens estejam no mesmo diretório que o arquivo HTML.

←

Prev　Next

→ 　

Back　

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

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

```html
<!DOCTYPE html>
<html>
<head>
    <title>Jogo do Vlog</title>
    <style>
        body {
            font-family: Arial, sans-serif;
            text-align: center;
        }

#instructions {
            margin-bottom: 20px;
        }

#score {
            margin-bottom: 20px;
        }

#options {
            display: flex;
            justify-content: center;
        }

.option, .picture {
            margin: 10px;
            cursor: pointer;
        }

.picture {
            width: 150px;
            height: 150px;
        }
    </style>
</head>
<body>
    <h1>Jogo do Vlog</h1>
    <div id="instructions">
        <p>Escolha a opção correta para completar o vlog!</p>
    </div>
    <div id="score">
        <p>Pontuação: <span id="score-value">0</span></p>
    </div>
    <div id="options">
        <div class="option" onclick="checkAnswer(0)">
            <img class="picture" src="cara_feliz.jpg" alt="Cara Feliz">
        </div>
        <div class="option" onclick="checkAnswer(1)">
            <img class="picture" src="cara_triste.jpg" alt="Cara Triste">
        </div>
        <div class="option" onclick="checkAnswer(2)">
            <img class="picture" src="cara_surpresa.jpg" alt="Cara Surpresa">
        </div>
    </div>

// Pontuação inicial
        var score = 0;

// Função para verificar a resposta selecionada pelo jogador
        function checkAnswer(selectedOption) {
            var randomIndex = Math.floor(Math.random() * answerOptions.length);

if (selectedOption === randomIndex) {
                score += 10;
                alert("Resposta correta! Pontuação: " + score);
            } else {
                score -= 5;
                alert("Resposta incorreta! Pontuação: " + score);
            }

document.getElementById("score-value").innerText = score;

// Reinicia o jogo
            resetGame();
        }

// Função para reiniciar o jogo
        function resetGame() {
            // Em uma implementação mais completa, você pode adicionar mais lógica para trocar as imagens, mostrar diferentes instruções, etc.
        }
    </script>
</body>
</html>
```

Por favor, substitua `cara_feliz.jpg`, `cara_triste.jpg` e `cara_surpresa.jpg` com as imagens reais que você deseja usar no jogo. Certifique-se de que as imagens estejam no mesmo diretório que o arquivo HTML.