AI game creator

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

No:27323

←

Prev Next

→

Shooting Game
Developer User13247｜Date and time 23/12/6 3:12:27
Build time 87.472 sec｜Game capacity 4.366KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在のフィギュア売れ筋ランキング

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

<!DOCTYPE html>
<html>
<head>
    <title>Shooting Game</title>
</head>
<body>
    <canvas id="gameCanvas" width="400" height="500"></canvas>
    <script>
        // Criar o contexto do jogo
        const canvas = document.getElementById("gameCanvas");
        const context = canvas.getContext("2d");

// Definir os objetos do jogo
        const player = {
            x: canvas.width / 2,
            y: canvas.height - 40,
            width: 20,
            height: 20,
            color: "#FF0000"
        };

const bullets = [];

const enemies = [];

let score = 0;

// Função para desenhar objetos na tela
        function draw() {
            // Limpar a tela
            context.clearRect(0, 0, canvas.width, canvas.height);
            
            // Desenhar o jogador
            context.fillStyle = player.color;
            context.fillRect(player.x, player.y, player.width, player.height);
            
            // Desenhar as balas
            for (let i = 0; i < bullets.length; i++) {
                context.fillStyle = "#000000";
                context.fillRect(bullets[i].x, bullets[i].y, bullets[i].width, bullets[i].height);
            }
            
            // Desenhar os inimigos
            for (let i = 0; i < enemies.length; i++) {
                context.fillStyle = "#00FF00";
                context.fillRect(enemies[i].x, enemies[i].y, enemies[i].width, enemies[i].height);
            }
            
            // Desenhar a pontuação
            context.fillStyle = "#000000";
            context.font = "20px Arial";
            context.fillText("Score: " + score, 10, 30);
        }

// Função para atualizar a posição dos objetos
        function update() {
            // Atualizar a posição das balas
            for (let i = 0; i < bullets.length; i++) {
                bullets[i].y -= 5; // Velocidade das balas
                
                // Remover as balas que saem da tela
                if (bullets[i].y < 0) {
                    bullets.splice(i, 1);
                    i--;
                }
            }
            
            // Atualizar a posição dos inimigos
            for (let i = 0; i < enemies.length; i++) {
                enemies[i].y += 2; // Velocidade dos inimigos
                
                // Verificar se algum inimigo colidiu com o jogador
                if (collided(player, enemies[i])) {
                    alert("Game Over!");
                    location.reload();
                }
                
                // Remover os inimigos que saem da tela
                if (enemies[i].y > canvas.height) {
                    score++;
                    enemies.splice(i, 1);
                    i--;
                }
            }
        }

// Função para detectar colisão entre objetos
        function collided(obj1, obj2) {
            if (obj1.x < obj2.x + obj2.width &&
                obj1.x + obj1.width > obj2.x &&
                obj1.y < obj2.y + obj2.height &&
                obj1.y + obj1.height > obj2.y) {
                return true;
            }
            return false;
        }

// Função para criar uma nova bala
        function shoot() {
            const bullet = {
                x: player.x + player.width / 2,
                y: player.y,
                width: 5,
                height: 10
            };
            bullets.push(bullet);
        }
        
        // Função para criar um novo inimigo
        function generateEnemy() {
            const enemy = {
                x: Math.random() * (canvas.width - 20),
                y: 0,
                width: 20,
                height: 20
            };
            enemies.push(enemy);
        }

// Função para lidar com eventos do teclado
        function onKeyDown(event) {
            if (event.keyCode === 32) { // Barra de espaço para atirar
                shoot();
            }
        }

// Configurar os eventos do teclado
        document.addEventListener("keydown", onKeyDown);

// Função principal do jogo
        function gameLoop() {
            draw();
            update();
            generateEnemy();
            requestAnimationFrame(gameLoop);
        }

// Iniciar o jogo
        gameLoop();

</script>
</body>
</html>