CRIA UM JOGO 3D DE TIRO's game

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

No:43498

←

Prev Next

→

CRIA UM JOGO 3D DE TIRO
Developer User19207｜Date and time 24/2/15 21:01:43
Build time 13.979 sec｜Game capacity 4.508KB｜

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>Jogo de Tiro 3D</title>
    <style>
        #gameContainer {
            width: 100%;
            height: 100%;
            overflow: hidden;
        }
    </style>
</head>

// Configurações
        var screenWidth = window.innerWidth;
        var screenHeight = window.innerHeight;
        var playerSize = 40;
        var bulletSize = 10;
        var targetSize = 50;
        var bulletSpeed = 10;
        var targetSpeed = 2;
        var shootDelay = 500; // Delay entre os tiros em milissegundos

// Inicialização do jogo
        function init() {
            // Criação do elemento canvas e contexto de desenho
            canvas = document.getElementById("gameCanvas");
            canvas.width = screenWidth;
            canvas.height = screenHeight;
            context = canvas.getContext("2d");

// Criação do jogador
            player = {
                x: screenWidth / 2 - playerSize / 2,
                y: screenHeight - playerSize - 10,
                width: playerSize,
                height: playerSize,
                color: "blue"
            };

// Evento de clique para atirar
            canvas.addEventListener("click", shoot);

// Loop do jogo
            setInterval(update, 16); // Atualiza o jogo aproximadamente 60 vezes por segundo
        }

// Função de atualização do jogo
        function update() {
            context.clearRect(0, 0, screenWidth, screenHeight);

// Movimentação dos tiros
            for (var i = 0; i < bullets.length; i++) {
                var bullet = bullets[i];
                bullet.y -= bulletSpeed;

context.fillStyle = "red";
                context.fillRect(bullet.x, bullet.y, bullet.width, bullet.height);
            }

// Remoção dos tiros que saíram da tela
            bullets = bullets.filter(function (bullet) {
                return bullet.y > 0;
            });

// Movimentação dos alvos
            for (var i = 0; i < targets.length; i++) {
                var target = targets[i];
                target.y += targetSpeed;

context.fillStyle = "green";
                context.fillRect(target.x, target.y, target.width, target.height);

// Verifica se algum alvo foi atingido por um tiro
                bullets = bullets.filter(function (bullet) {
                    if (collision(bullet, target)) {
                        // Remove o alvo e o tiro
                        targets.splice(i, 1);
                        return false;
                    }
                    return true;
                });
            }

// Colisão do jogador com os alvos
            for (var i = 0; i < targets.length; i++) {
                var target = targets[i];
                if (collision(player, target)) {
                    gameOver();
                }
            }

// Desenha o jogador
            context.fillStyle = player.color;
            context.fillRect(player.x, player.y, player.width, player.height);
        }

// Função de tiro
        function shoot(event) {
            var bulletX = event.clientX - bulletSize / 2;
            var bulletY = player.y;
            bullets.push({
                x: bulletX,
                y: bulletY,
                width: bulletSize,
                height: bulletSize
            });
        }

// Função de colisão entre dois elementos
        function collision(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 de fim de jogo
        function gameOver() {
            alert("Game Over!");
            location.reload(); // Recarrega a página para reiniciar o jogo
        }

// Inicializa o jogo quando o documento é carregado
        window.onload = init;
    </script>
</body>

</html>