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:43501

←

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:07:42
Build time 6.708 sec｜Game capacity 2.217KB｜

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>
    <script>
        // Função para inicializar o jogo
        function startGame() {
            // Obtém o elemento canvas
            var canvas = document.getElementById("gameCanvas");
            var ctx = canvas.getContext("2d");

// Define a cor de fundo como azul
            ctx.fillStyle = "blue";
            ctx.fillRect(0, 0, canvas.width, canvas.height);
            
            // Define as propriedades do personagem
            var character = {
                x: 100,
                y: 100,
                width: 50,
                height: 50
            };

// Função para desenhar o personagem
            function drawCharacter() {
                ctx.fillStyle = "red";
                ctx.fillRect(character.x, character.y, character.width, character.height);
            }

// Função para atualizar a posição do personagem quando a tela é clicada
            function updateCharacterPosition(event) {
                var rect = canvas.getBoundingClientRect();
                var clickX = event.clientX - rect.left;
                var clickY = event.clientY - rect.top;
                
                if (clickX >= character.x && clickX <= character.x + character.width &&
                    clickY >= character.y && clickY <= character.y + character.height) {
                    console.log("Personagem atirou!");
                }
            }

// Adiciona o evento de clique na tela para atirar
            canvas.addEventListener("click", updateCharacterPosition, false);

// Função principal de desenho do jogo
            function drawGame() {
                ctx.clearRect(0, 0, canvas.width, canvas.height);
                ctx.fillStyle = "blue";
                ctx.fillRect(0, 0, canvas.width, canvas.height);
                drawCharacter();
                
                requestAnimationFrame(drawGame);
            }

// Inicia o loop de desenho do jogo
            drawGame();
        }
    </script>
</head>
<body onload="startGame()">
    <canvas id="gameCanvas" width="800" height="600"></canvas>
</body>
</html>