Um jogo de um rato correndo de um gato tendo que coletar moedas para comprar melhorias como correr mais rápido e armaduras escudos e vidas extras's game

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

No:24161

←

Prev Next

→

Um jogo de um rato correndo de um gato tendo que c..ALL
Developer User11329｜Date and time 23/11/6 6:15:43
Build time 113.154 sec｜Game capacity 6.303KB｜

Script

Claro! Aqui está um exemplo de um jogo simples em HTML com JavaScript, onde um rato corre de um gato, coletando moedas para comprar melhorias. Este código é um ponto de partida e pode ser expandido e personalizado de acordo com as suas necessidades.

Pontuação: 0

Neste exemplo, o rato é controlado pelas teclas de seta do seu teclado. O objetivo é coletar todas as moedas que aparecem no jogo, enquanto evita ser pego pelo gato. Ao coletar moedas suficientes, você pode comprar melhorias, como correr mais rápido, ativar uma armadura e ganhar vidas extras. Os pictogramas (rat.png, cat.png e coin.png) devem ser fornecidos na mesma pasta onde o arquivo HTML está salvo. Espero que isso ajude! Divirta-se desenvolvendo e personalizando o jogo de acordo com suas necessidades e preferências!

←

Prev　Next

→ 　

Back　

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

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

```html
<!DOCTYPE html>
<html>
<head>
    <title>Jogo do Rato</title>
    <style>
        #jogo {
            width: 400px;
            height: 400px;
            border: 1px solid black;
            position: relative;
        }
        
        #rato {
            width: 50px;
            height: 50px;
            position: absolute;
            top: 0;
            left: 0;
            background-image: url('rat.png');
            background-size: cover;
        }
        
        #gato {
            width: 75px;
            height: 75px;
            position: absolute;
            top: 0;
            left: 0;
            background-image: url('cat.png');
            background-size: cover;
        }
        
        .moeda {
            width: 25px;
            height: 25px;
            position: absolute;
            background-image: url('coin.png');
            background-size: cover;
        }
        
        #pontuacao {
            margin-top: 10px;
        }
        
        #upgrade {
            margin-top: 20px;
            font-weight: bold;
        }
    </style>
</head>
<body>
    <div id="jogo">
        <div id="rato"></div>
        <div id="gato"></div>
        <div class="moeda"></div>
        <div class="moeda"></div>
        <div class="moeda"></div>
    </div>
    
    <div id="pontuacao">Pontuação: 0</div>
    <div id="upgrade">
        <button onclick="comprarMelhorias()">Comprar Melhorias</button>
    </div>
    
    <script>
        // Variáveis de Jogo
        var pontuacao = 0;
        var velocidadeRato = 5;
        var armadura = false;
        var vidasExtras = 0;
        
        // Elementos DOM
        var rato = document.getElementById("rato");
        var gato = document.getElementById("gato");
        var moedas = document.getElementsByClassName("moeda");
        var pontuacaoElem = document.getElementById("pontuacao");
        var upgradeElem = document.getElementById("upgrade");
        
        // Movimento do Rato
        function moverRato(event) {
            var tecla = event.keyCode;
            var posicaoX = rato.offsetLeft;
            var posicaoY = rato.offsetTop;
            
            if (tecla === 37 && posicaoX > 0) { // Tecla Esquerda
                rato.style.left = posicaoX - velocidadeRato + "px";
            } else if (tecla === 38 && posicaoY > 0) { // Tecla Cima
                rato.style.top = posicaoY - velocidadeRato + "px";
            } else if (tecla === 39 && posicaoX < 350) { // Tecla Direita
                rato.style.left = posicaoX + velocidadeRato + "px";
            } else if (tecla === 40 && posicaoY < 350) { // Tecla Baixo
                rato.style.top = posicaoY + velocidadeRato + "px";
            }
            
            verificarColisoes();
        }
        
        // Colisões do Rato
        function verificarColisoes() {
            var ratoX = rato.offsetLeft;
            var ratoY = rato.offsetTop;
            var gatoX = gato.offsetLeft;
            var gatoY = gato.offsetTop;
            
            // Verificar colisão com as moedas
            for (var i = 0; i < moedas.length; i++) {
                var moeda = moedas[i];
                var moedaX = moeda.offsetLeft;
                var moedaY = moeda.offsetTop;
                
                if (ratoX < moedaX + 25 &&
                    ratoX + 50 > moedaX &&
                    ratoY < moedaY + 25 &&
                    ratoY + 50 > moedaY) {
                    moeda.style.display = "none";
                    pontuacao++;
                    pontuacaoElem.innerHTML = "Pontuação: " + pontuacao;
                }
            }
            
            // Verificar colisão com o gato
            if (ratoX < gatoX + 75 &&
                ratoX + 50 > gatoX &&
                ratoY < gatoY + 75 &&
                ratoY + 50 > gatoY) {
                if (armadura) {
                    armadura = false;
                    upgradeElem.innerHTML = "Armadura: DESATIVADA";
                } else if (vidasExtras > 0) {
                    vidasExtras--;
                    upgradeElem.innerHTML = "Vidas Extra: " + vidasExtras;
                } else {
                    alert("Você perdeu!");
                    reiniciarJogo();
                }
            }
        }
        
        // Comprar Melhorias
        function comprarMelhorias() {
            if (pontuacao >= 10) {
                pontuacao -= 10;
                velocidadeRato += 2;
                armadura = true;
                vidasExtras++;
                
                pontuacaoElem.innerHTML = "Pontuação: " + pontuacao;
                upgradeElem.innerHTML = "Armadura: ATIVADA | Vidas Extra: " + vidasExtras;
            }
        }
        
        // Reiniciar Jogo
        function reiniciarJogo() {
            rato.style.left = 0;
            rato.style.top = 0;
            pontuacao = 0;
            velocidadeRato = 5;
            armadura = false;
            vidasExtras = 0;
            
            for (var i = 0; i < moedas.length; i++) {
                moedas[i].style.display = "block";
            }
            
            pontuacaoElem.innerHTML = "Pontuação: " + pontuacao;
            upgradeElem.innerHTML = "";
        }
        
        // Iniciar Jogo
        function iniciarJogo() {
            document.addEventListener("keydown", moverRato);
        }
        
        // Chamar função de iniciarJogo
        iniciarJogo();
    </script>
</body>
</html>
```

Os pictogramas (rat.png, cat.png e coin.png) devem ser fornecidos na mesma pasta onde o arquivo HTML está salvo.

Espero que isso ajude! Divirta-se desenvolvendo e personalizando o jogo de acordo com suas necessidades e preferências!