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

←

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:09:01
Build time 9.78 sec｜Game capacity 3.27KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在の人気ゲームランキング

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

<!DOCTYPE html>
<html>
<head>
<style>
    #canvas {
        background-color: blue;
    }
</style>
</head>
<body>
    <canvas id="canvas"></canvas>

// Game variables
        const player = {
            x: canvas.width / 2,
            y: canvas.height / 2,
            width: 50,
            height: 50,
            color: 'red',
            speed: 5
        }

const bullets = [];
        const bulletSpeed = 10;

// Event listeners
        canvas.addEventListener('click', shoot);

function shoot(event) {
            const angle = Math.atan2(event.clientY - player.y, event.clientX - player.x);
            const velocity = {
                x: Math.cos(angle) * bulletSpeed,
                y: Math.sin(angle) * bulletSpeed
            };

bullets.push({
                x: player.x,
                y: player.y,
                width: 10,
                height: 10,
                color: 'white',
                velocity
            });
        }

// Update game state
        function update() {
            // Move player based on user input
            document.addEventListener('keydown', function(event) {
                const key = event.key.toLowerCase();

switch (key) {
                    case 'w':
                        player.y -= player.speed;
                        break;
                    case 'a':
                        player.x -= player.speed;
                        break;
                    case 's':
                        player.y += player.speed;
                        break;
                    case 'd':
                        player.x += player.speed;
                        break;
                }
            });

// Move bullets
            bullets.forEach((bullet) => {
                bullet.x += bullet.velocity.x;
                bullet.y += bullet.velocity.y;
            });

// Remove bullets when they leave the screen
            bullets.forEach((bullet, index) => {
                if (bullet.x < 0 || bullet.x > canvas.width || bullet.y < 0 || bullet.y > canvas.height) {
                    bullets.splice(index, 1);
                }
            });
        }

// Render game objects
        function draw() {
            // Clear the canvas
            ctx.clearRect(0, 0, canvas.width, canvas.height);

// Draw player
            ctx.fillStyle = player.color;
            ctx.fillRect(player.x - player.width / 2, player.y - player.height / 2, player.width, player.height);

// Draw bullets
            bullets.forEach((bullet) => {
                ctx.fillStyle = bullet.color;
                ctx.fillRect(bullet.x - bullet.width / 2, bullet.y - bullet.height / 2, bullet.width, bullet.height);
            });
        }

// Game Loop
        function gameLoop() {
            update();
            draw();
            requestAnimationFrame(gameLoop);
        }

// Start the game
        gameLoop();
    </script>
</body>
</html>