Um jogo onde o protagonista tem uma espada como arma e tbm tem vários monstros como inimigos para matar, nesse jogo tem como primeira faze um campo simples e várias moedas coletaveis para serem usadas em uma loja, onde existem mais espadas, armas, escudos, armaduras e etc's game

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

No:30823

←

Prev Next

→

Um jogo onde o protagonista tem uma espada como ar..ALL
Developer User14945｜Date and time 23/12/24 7:02:33
Build time 22.255 sec｜Game capacity 6.135KB｜

Script

Loja de Equipamentos

Espada - 50 moedas

Arma - 100 moedas

Escudo - 75 moedas

Armadura - 150 moedas

←

Prev　Next

→ 　

Back　

[PR]現在の欲しいゲームランキング

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

<!doctype html>
<html>
<head>
<title>Jogo de Aventura</title>
<style>
    body {
        font-family: Arial, sans-serif;
        text-align: center;
        background-color: #f8f8f8;
    }

#game-container {
        margin-top: 100px;
    }

#player {
        width: 50px;
        height: 50px;
        background-color: #FFD700;
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        transition: all 0.2s ease;
    }

.enemy {
        width: 40px;
        height: 40px;
        background-color: #FF0000;
        position: absolute;
        border-radius: 50%;
        transition: all 0.2s ease;
    }

.coin {
        width: 30px;
        height: 30px;
        background-color: #FFD700;
        position: absolute;
        border-radius: 50%;
        transition: all 0.2s ease;
    }

.shop-item {
        display: inline-block;
        padding: 10px;
        margin: 10px;
        background-color: #DDDDDD;
    }

#shop {
        margin-top: 20px;
    }
</style>
</head>
<body>
    <div id="game-container">
        <div id="player"></div>
    </div>
    <div id="shop">
        <h2>Loja de Equipamentos</h2>
        <div class="shop-item">Espada - 50 moedas</div>
        <div class="shop-item">Arma - 100 moedas</div>
        <div class="shop-item">Escudo - 75 moedas</div>
        <div class="shop-item">Armadura - 150 moedas</div>
    </div>

// Movimentação do jogador
        function movePlayer(event) {
            var key = event.keyCode;

switch (key) {
                case 37: // Setinha para esquerda
                    player.style.left = parseInt(player.style.left) - 10 + "px";
                    break;
                case 38: // Setinha para cima
                    player.style.top = parseInt(player.style.top) - 10 + "px";
                    break;
                case 39: // Setinha para direita
                    player.style.left = parseInt(player.style.left) + 10 + "px";
                    break;
                case 40: // Setinha para baixo
                    player.style.top = parseInt(player.style.top) + 10 + "px";
                    break;
            }
        }

// Criação das moedas
        function createCoins() {
            for (var i = 0; i < 10; i++) {
                var coin = document.createElement("div");
                coin.className = "coin";
                var posX = Math.floor(Math.random() * (gameContainer.offsetWidth - 30));
                var posY = Math.floor(Math.random() * (gameContainer.offsetHeight - 30));
                coin.style.left = posX + "px";
                coin.style.top = posY + "px";
                gameContainer.appendChild(coin);
                coins.push(coin);
            }
        }

// Criação dos inimigos
        function createEnemies() {
            for (var i = 0; i < 5; i++) {
                var enemy = document.createElement("div");
                enemy.className = "enemy";
                var posX = Math.floor(Math.random() * (gameContainer.offsetWidth - 40));
                var posY = Math.floor(Math.random() * (gameContainer.offsetHeight - 40));
                enemy.style.left = posX + "px";
                enemy.style.top = posY + "px";
                gameContainer.appendChild(enemy);
                enemies.push(enemy);
            }
        }

// Verifica colisão do jogador com as moedas ou inimigos
        function checkCollision() {
            for (var i = 0; i < coins.length; i++) {
                if (collision(player, coins[i])) {
                    coins[i].parentNode.removeChild(coins[i]);
                    coins.splice(i, 1);
                    score += 10;
                    coinsCollected++;
                    updateScore();
                }
            }

for (var j = 0; j < enemies.length; j++) {
                if (collision(player, enemies[j])) {
                    gameOver();
                }
            }
        }

// Atualiza a pontuação e verifica se todas as moedas foram coletadas
        function updateScore() {
            if (coinsCollected === 10) {
                alert("Parabéns! Todas as moedas foram coletadas!");
                resetGame();
            } else {
                document.getElementById("score").textContent = score;
            }
        }

// Verifica colisão entre dois elementos
        function collision(element1, element2) {
            var rect1 = element1.getBoundingClientRect();
            var rect2 = element2.getBoundingClientRect();
            return !(rect1.right < rect2.left ||
                rect1.left > rect2.right ||
                rect1.bottom < rect2.top ||
                rect1.top > rect2.bottom);
        }

// Finaliza o jogo
        function gameOver() {
            alert("Game Over! Tente novamente.");
            resetGame();
        }

// Reseta o jogo
        function resetGame() {
            for (var i = 0; i < coins.length; i++) {
                coins[i].parentNode.removeChild(coins[i]);
            }
            for (var j = 0; j < enemies.length; j++) {
                enemies[j].parentNode.removeChild(enemies[j]);
            }
            coins = [];
            enemies = [];
            score = 0;
            coinsCollected = 0;
            document.getElementById("score").textContent = score;
            createCoins();
            createEnemies();
        }

// Início do jogo
        function startGame() {
            createCoins();
            createEnemies();
            document.addEventListener("keydown", movePlayer);
            setInterval(checkCollision, 100);
        }

// Execução do jogo
       startGame();
    </script>
</body>
</html>