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

No:30300

←

Prev Next

→

Chapeuzinho vermelho
Developer User14723｜Date and time 23/12/21 5:46:47
Build time 24.917 sec｜Game capacity 4.054KB｜

Script

Chapeuzinho Vermelho

←

Prev　Next

→ 　

Back　

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

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

<!DOCTYPE html>
<html>
<head>
    <title>Chapeuzinho Vermelho</title>
</head>
<body>
    <script>
        // Define as ações possíveis no jogo
        const acoes = {
            IR_PARA_ESQUERDA: 1,
            IR_PARA_DIREITA: 2,
            PEGAR_OBJETO: 3,
            FALAR_COM_PERSONAGEM: 4,
            SAIR_DO_JOGO: 5
        };
        
        // Função para exibir uma imagem correspondente à ação escolhida
        function exibirImagem(acao) {
            const imagem = document.getElementById("imagem");
            let imagemSrc = "";
            
            switch (acao) {
                case acoes.IR_PARA_ESQUERDA:
                    imagemSrc = "imagem_esquerda.png";
                    break;
                case acoes.IR_PARA_DIREITA:
                    imagemSrc = "imagem_direita.png";
                    break;
                case acoes.PEGAR_OBJETO:
                    imagemSrc = "imagem_pegar.png";
                    break;
                case acoes.FALAR_COM_PERSONAGEM:
                    imagemSrc = "imagem_falar.png";
                    break;
                case acoes.SAIR_DO_JOGO:
                    imagemSrc = "imagem_sair.png";
                    break;
                default:
                    imagemSrc = "imagem_default.png";
                    break;
            }
            
            imagem.src = imagemSrc;
        }
        
        // Função para exibir a ação escolhida pelo jogador
        function processarAcao(acao) {
            exibirImagem(acao);
            
            switch (acao) {
                case acoes.IR_PARA_ESQUERDA:
                    console.log("Chapeuzinho Vermelho foi para a esquerda.");
                    break;
                case acoes.IR_PARA_DIREITA:
                    console.log("Chapeuzinho Vermelho foi para a direita.");
                    break;
                case acoes.PEGAR_OBJETO:
                    console.log("Chapeuzinho Vermelho pegou um objeto.");
                    break;
                case acoes.FALAR_COM_PERSONAGEM:
                    console.log("Chapeuzinho Vermelho falou com um personagem.");
                    break;
                case acoes.SAIR_DO_JOGO:
                    console.log("Chapeuzinho Vermelho saiu do jogo.");
                    break;
                default:
                    console.log("Ação inválida.");
                    break;
            }
        }
        
        // Iniciar o jogo
        function iniciarJogo() {
            const btnEsquerda = document.getElementById("btn-esquerda");
            const btnDireita = document.getElementById("btn-direita");
            const btnPegar = document.getElementById("btn-pegar");
            const btnFalar = document.getElementById("btn-falar");
            const btnSair = document.getElementById("btn-sair");
            
            btnEsquerda.addEventListener("click", function() {
                processarAcao(acoes.IR_PARA_ESQUERDA);
            });
            
            btnDireita.addEventListener("click", function() {
                processarAcao(acoes.IR_PARA_DIREITA);
            });
            
            btnPegar.addEventListener("click", function() {
                processarAcao(acoes.PEGAR_OBJETO);
            });
            
            btnFalar.addEventListener("click", function() {
                processarAcao(acoes.FALAR_COM_PERSONAGEM);
            });
            
            btnSair.addEventListener("click", function() {
                processarAcao(acoes.SAIR_DO_JOGO);
            });
        }
    </script>
    
    <h1>Chapeuzinho Vermelho</h1>
    <img id="imagem" src="imagem_default.png" alt="Imagem do jogo">
    
    <button id="btn-esquerda">Ir para a esquerda</button>
    <button id="btn-direita">Ir para a direita</button>
    <button id="btn-pegar">Pegar objeto</button>
    <button id="btn-falar">Falar com personagem</button>
    <button id="btn-sair">Sair do jogo</button>
    
    <script>
        iniciarJogo();
    </script>
</body>
</html>