Adiciona um menino, o menino tem que fugir dos falsos, botões: Cima, baixo, esquerda e direita, outros botões: Configurações, Mudar para menina falso/verdadeiro e se disfarçar de panda's game

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

No:29163

←

Prev Next

→

Adiciona um menino, o menino tem que fugir dos fal..ALL
Developer User14419｜Date and time 23/12/16 9:39:15
Build time 45.946 sec｜Game capacity 5.794KB｜

Script

←

Prev　Next

→ 　

Back　

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

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

<!DOCTYPE html>
<html>
<head>
    <title>Jogo do Menino Fugitivo</title>
    <style>
        /* Estilos para os botões dos controles */
        .button {
            display: inline-block;
            width: 50px;
            height: 50px;
            background-color: #e6e6e6;
            border: none;
            margin: 5px;
            font-size: 20px;
            text-align: center;
            cursor: pointer;
        }

/* Estilos para os elementos do jogo */
        #menino {
            width: 100px;
            height: 100px;
            background-color: yellow;
            position: absolute;
        }

#falso {
            width: 100px;
            height: 100px;
            background-color: red;
            position: absolute;
        }

#panda {
            width: 100px;
            height: 100px;
            background-color: black;
            position: absolute;
        }

#menina {
            width: 100px;
            height: 100px;
            background-color: pink;
            position: absolute;
        }
    </style>
</head>
<body>
    <script>
        // Variáveis para armazenar a posição do jogador
        var x = 0;
        var y = 0;

// Função para adicionar o jogador ao jogo
        function adicionarMenino() {
            var menino = document.createElement('div');
            menino.id = 'menino';
            document.body.appendChild(menino);
        }

// Função para adicionar o inimigo falso ao jogo
        function adicionarFalso() {
            var falso = document.createElement('div');
            falso.id = 'falso';
            document.body.appendChild(falso);
        }

// Função para adicionar o panda ao jogo
        function adicionarPanda() {
            var panda = document.createElement('div');
            panda.id = 'panda';
            document.body.appendChild(panda);
        }

// Função para adicionar a menina ao jogo
        function adicionarMenina() {
            var menina = document.createElement('div');
            menina.id = 'menina';
            document.body.appendChild(menina);
        }

// Função para mover o jogador para cima
        function moverCima() {
            y -= 50;
            atualizarPosicao();
        }

// Função para mover o jogador para baixo
        function moverBaixo() {
            y += 50;
            atualizarPosicao();
        }

// Função para mover o jogador para a esquerda
        function moverEsquerda() {
            x -= 50;
            atualizarPosicao();
        }

// Função para mover o jogador para a direita
        function moverDireita() {
            x += 50;
            atualizarPosicao();
        }

// Função para atualizar a posição do jogador no jogo
        function atualizarPosicao() {
            var jogador = document.getElementById('menino');
            jogador.style.left = x + 'px';
            jogador.style.top = y + 'px';
        }

// Função para mudar a aparência do jogador para panda
        function disfarcarPanda() {
            var jogador = document.getElementById('menino');
            jogador.style.backgroundColor = 'black';
        }

// Função para mudar a aparência do jogador para menina
        function disfarcarMenina() {
            var jogador = document.getElementById('menino');
            jogador.style.backgroundColor = 'pink';
        }

// Função para iniciar o jogo
        function iniciarJogo() {
            adicionarMenino();
            adicionarFalso();
            adicionarPanda();
            adicionarMenina();

atualizarPosicao();

var cimaBtn = document.getElementById('cima');
            var baixoBtn = document.getElementById('baixo');
            var esquerdaBtn = document.getElementById('esquerda');
            var direitaBtn = document.getElementById('direita');
            var configBtn = document.getElementById('config');
            var mudarBtn = document.getElementById('mudar');

cimaBtn.addEventListener('click', moverCima);
            baixoBtn.addEventListener('click', moverBaixo);
            esquerdaBtn.addEventListener('click', moverEsquerda);
            direitaBtn.addEventListener('click', moverDireita);
            configBtn.addEventListener('click', abrirConfiguracoes);
            mudarBtn.addEventListener('click', mudarAparencia);
        }

// Função para abrir as configurações
        function abrirConfiguracoes() {
            alert('Configurações abertas!');
        }

// Função para mudar a aparência do jogador para panda ou menina
        function mudarAparencia() {
            var jogador = document.getElementById('menino');
            var mudarBtn = document.getElementById('mudar');
            var isPanda = jogador.style.backgroundColor === 'black';

if (isPanda) {
                jogador.style.backgroundColor = 'pink';
                mudarBtn.innerText = 'Disfarçar de Panda';
            } else {
                jogador.style.backgroundColor = 'black';
                mudarBtn.innerText = 'Disfarçar de Menina';
            }
        }

// Iniciar o jogo assim que a página for carregada
        window.onload = iniciarJogo;
    </script>

<div>
        <button class="button" id="cima">▲</button>
    </div>
    <div>
        <button class="button" id="esquerda">◀</button>
        <button class="button" id="baixo">▼</button>
        <button class="button" id="direita">▶</button>
    </div>
    <div>
        <button class="button" id="config">Configurações</button>
        <button class="button" id="mudar">Disfarçar de Panda</button>
    </div>
</body>
</html>