AI game creator

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

No:23866

←

Prev Next

→

Shooting Game
Developer User11175｜Date and time 23/11/4 1:02:52
Build time 163.355 sec｜Game capacity 5.282KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在のゲームギフトランキング

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

<!DOCTYPE html>
<html lang="pt-br">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Jogo de Tiro</title>
    <style>
        canvas {
            border: 1px solid black;
            display: block;
            margin: 0 auto;
        }
    </style>
</head>
<body>
    <canvas id="game-canvas" width="500" height="400"></canvas>

// Variáveis do Jogador
        let playerX = canvas.width / 2;
        let playerY = canvas.height - 50;
        let playerWidth = 50;
        let playerHeight = 50;
        let playerSpeed = 7;

// Variáveis dos Projéteis
        let bullets = [];
        let bulletRadius = 5;
        let bulletSpeed = 10;

// Variáveis dos Inimigos
        let enemies = [];
        let enemyWidth = 40;
        let enemyHeight = 40;
        let enemySpeed = 2;

// Variáveis do Placar
        let score = 0;

// Função para criar projéteis
        function createBullet() {
            bullets.push({
                x: playerX + playerWidth / 2,
                y: playerY,
                radius: bulletRadius
            });
        }

// Função para criar inimigos
        function createEnemy() {
            let randomX = Math.random() * (canvas.width - enemyWidth);
            enemies.push({
                x: randomX,
                y: 0,
                width: enemyWidth,
                height: enemyHeight
            });
        }

// Função de Colisão
        function checkCollision(bullet, enemy) {
            if (bullet.x + bullet.radius > enemy.x &&
                bullet.x - bullet.radius < enemy.x + enemy.width &&
                bullet.y + bullet.radius > enemy.y &&
                bullet.y - bullet.radius < enemy.y + enemy.height) {
                return true;
            } else {
                return false;
            }
        }

// Função principal do jogo
        function gameLoop() {
            // Limpa o canvas
            ctx.clearRect(0, 0, canvas.width, canvas.height);

// Desenha o jogador
            ctx.fillStyle = "blue";
            ctx.fillRect(playerX, playerY, playerWidth, playerHeight);
            
            // Desenha os projéteis
            ctx.fillStyle = "red";
            for (let i = 0; i < bullets.length; i++) {
                ctx.beginPath();
                ctx.arc(bullets[i].x, bullets[i].y, bullets[i].radius, 0, Math.PI * 2);
                ctx.fill();
                ctx.closePath();

bullets[i].y -= bulletSpeed;

if (bullets[i].y < 0) {
                    bullets.splice(i, 1);
                    i--;
                }
            }

// Desenha os inimigos
            ctx.fillStyle = "green";
            for (let i = 0; i < enemies.length; i++) {
                ctx.fillRect(enemies[i].x, enemies[i].y, enemies[i].width, enemies[i].height);

enemies[i].y += enemySpeed;

// Verifica colisão com os projéteis
                for (let j = 0; j < bullets.length; j++) {
                    if (checkCollision(bullets[j], enemies[i])) {
                        bullets.splice(j, 1);
                        j--;

enemies.splice(i, 1);
                        i--;

score++;
                        break;
                    }
                }

// Verifica colisão com o jogador
                if (enemies[i].y + enemies[i].height > playerY &&
                    enemies[i].x < playerX + playerWidth &&
                    enemies[i].x + enemies[i].width > playerX) {
                    alert("Fim de Jogo! Pontuação: " + score);
                    location.reload();
                    return;
                }

// Verifica se o inimigo saiu da tela
                if (enemies[i].y > canvas.height) {
                    enemies.splice(i, 1);
                    i--;
                }
            }

// Atualiza o placar
            ctx.font = "20px Arial";
            ctx.fillStyle = "black";
            ctx.fillText("Pontuação: " + score, 10, 30);

// Chama a função gameLoop novamente (Loop do Jogo)
            requestAnimationFrame(gameLoop);
        }

// Função para movimentar o jogador
        function handleTouch(event) {
            if (event.touches[0].clientX < canvas.width / 2) {
                playerX -= playerSpeed;
            } else {
                playerX += playerSpeed;
            }

// Limita a posição do jogador dentro da tela
            if (playerX < 0) {
                playerX = 0;
            } else if (playerX > canvas.width - playerWidth) {
                playerX = canvas.width - playerWidth;
            }
        }

// Adiciona o listener de toque no canvas
        canvas.addEventListener("touchmove", handleTouch);

// Cria inimigos a cada 1 segundo
        setInterval(createEnemy, 1000);

// Inicia o jogo
        gameLoop();
    </script>
</body>
</html>