CRIA UM JOGO 3D DE TIRO E NÃO PODE SER UM JOGO 2D E TAMBÉM TEM QUE TER UM FUNDO AZUL QUE É O CÉU E O PERSONAGEM QUE A PESSOA CONTROLA NO JOGO TEM QUE CONSEGUIR ATIRAR QUANDO CLICA NA TELA's game

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

No:43502

←

Prev Next

→

CRIA UM JOGO 3D DE TIRO E NÃO PODE SER UM JOGO 2D ..ALL
Developer User19207｜Date and time 24/2/15 21:08:10
Build time 9.33 sec｜Game capacity 2.663KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋グッズランキング

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

<!DOCTYPE html>
<html>
<head>
    <title>Jogo de Tiro 3D</title>
    <style>
        #canvas {
            background-color: blue;
        }
    </style>
</head>
<body>
    <canvas id="canvas"></canvas>

// Define as variáveis
        let targetX = canvas.width / 2;
        let targetY = canvas.height / 2;

// Configurações iniciais
        canvas.width = window.innerWidth;
        canvas.height = window.innerHeight;

// Evento de clique na tela
        canvas.addEventListener("click", shoot);

// Função para desenhar o personagem
        function drawCharacter(x, y) {
            ctx.beginPath();
            ctx.arc(x, y, 10, 0, Math.PI * 2);
            ctx.fillStyle = "white";
            ctx.fill();
            ctx.closePath();
        }

// Função para desenhar o alvo
        function drawTarget(x, y) {
            ctx.beginPath();
            ctx.arc(x, y, 20, 0, Math.PI * 2);
            ctx.fillStyle = "red";
            ctx.fill();
            ctx.closePath();
        }

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

// Desenhar o personagem e o alvo
            drawCharacter(canvas.width / 2, canvas.height / 2);
            drawTarget(targetX, targetY);

// Atualizar a posição do alvo
            targetX += Math.random() * 5 - 2.5;
            targetY += Math.random() * 5 - 2.5;

// Verificar se o alvo foi acertado
            if (targetX >= canvas.width - 20 || targetX <= 20 || targetY >= canvas.height - 20 || targetY <= 20) {
                targetX = canvas.width / 2;
                targetY = canvas.height / 2;
            }

// Chamada recursiva para continuar o jogo
            requestAnimationFrame(gameLoop);
        }

// Função chamada no clique da tela para atirar
        function shoot(event) {
            // Obtém as coordenadas do clique na tela
            const rect = canvas.getBoundingClientRect();
            const mouseX = event.clientX - rect.left;
            const mouseY = event.clientY - rect.top;

// Verificar se o tiro acertou o alvo
            if (Math.abs(mouseX - targetX) <= 20 && Math.abs(mouseY - targetY) <= 20) {
                targetX = canvas.width / 2;
                targetY = canvas.height / 2;
            }
        }

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