AI game creator

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

No:52933

374

←

Prev Next

→

Crie um RPG tyccon
Developer User19080｜Date and time 24/3/27 0:15:37
Build time 24.67 sec｜Game capacity 4.147KB｜

Script

←

Prev　Next

→ 　

Back　

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

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

<!DOCTYPE html>
<html lang="pt">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>RPG Tycoon</title>
</head>

// Definição de constantes
        const JOGADOR = '🧙‍♂️';
        const INIMIGO = '👾';
        const TESOURO = '💰';

// Definição do jogador
        let jogador = {
            x: 50,
            y: 50,
            width: 50,
            height: 50,
            vida: 100,
            pontos: 0
        };

// Inimigos
        let inimigos = [
            { x: 200, y: 100, width: 50, height: 50 },
            { x: 400, y: 200, width: 50, height: 50 },
            { x: 600, y: 300, width: 50, height: 50 }
        ];

// Tesouros
        let tesouros = [
            { x: 300, y: 150, width: 50, height: 50 },
            { x: 500, y: 250, width: 50, height: 50 },
            { x: 700, y: 350, width: 50, height: 50 }
        ];

// Função para desenhar o jogador
        function desenharJogador() {
            ctx.font = '50px serif';
            ctx.fillText(JOGADOR, jogador.x, jogador.y);
        }

// Função para desenhar inimigos
        function desenharInimigos() {
            ctx.font = '50px serif';
            inimigos.forEach((inimigo) => {
                ctx.fillText(INIMIGO, inimigo.x, inimigo.y);
            });
        }

// Função para desenhar tesouros
        function desenharTesouros() {
            ctx.font = '50px serif';
            tesouros.forEach((tesouro) => {
                ctx.fillText(TESOURO, tesouro.x, tesouro.y);
            });
        }

// Função para atualizar o jogo
        function atualizarJogo() {
            // Verificar colisão com inimigos
            inimigos.forEach((inimigo) => {
                if (jogador.x < inimigo.x + inimigo.width &&
                    jogador.x + jogador.width > inimigo.x &&
                    jogador.y < inimigo.y + inimigo.height &&
                    jogador.y + jogador.height > inimigo.y) {
                    jogador.vida -= 10;
                }
            });

// Verificar colisão com tesouros
            tesouros.forEach((tesouro, index) => {
                if (jogador.x < tesouro.x + tesouro.width &&
                    jogador.x + jogador.width > tesouro.x &&
                    jogador.y < tesouro.y + tesouro.height &&
                    jogador.y + jogador.height > tesouro.y) {
                    jogador.pontos += 10;
                    tesouros.splice(index, 1);
                }
            });

// Desenhar o jogador
            desenharJogador();

// Desenhar inimigos
            desenharInimigos();

// Desenhar tesouros
            desenharTesouros();

// Exibir vida e pontos
            ctx.font = '20px serif';
            ctx.fillText(`Vida: ${jogador.vida}`, 10, 20);
            ctx.fillText(`Pontos: ${jogador.pontos}`, 10, 40);

// Verificar se o jogo acabou
            if (jogador.vida <= 0) {
                alert('Game Over! Pontuação final: ' + jogador.pontos);
                location.reload(); // Reiniciar a página
            }

requestAnimationFrame(atualizarJogo);
        }

// Event listener para movimento do jogador
        document.addEventListener('keydown', (event) => {
            switch (event.key) {
                case 'ArrowUp':
                    jogador.y -= 10;
                    break;
                case 'ArrowDown':
                    jogador.y += 10;
                    break;
                case 'ArrowLeft':
                    jogador.x -= 10;
                    break;
                case 'ArrowRight':
                    jogador.x += 10;
                    break;
            }
        });

// Iniciar o jogo
        requestAnimationFrame(atualizarJogo);
    </script>
</body>

</html>