Make a 3d shooter game with enemies to shoot's game

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

No:50857

←

Prev Next

→

Make a 3d shooter game with enemies to shoot
Developer User21426｜Date and time 24/3/10 1:01:34
Build time 7.411 sec｜Game capacity 2.577KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在の欲しいものランキング

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

```html
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>3D Shooter Game</title>
</head>

let playerX = 400;
        let playerY = 300;

let enemies = [];
        let bullets = [];

canvas.addEventListener('mousemove', (e) => {
            playerX = e.offsetX;
            playerY = e.offsetY;
        });

canvas.addEventListener('click', () => {
            bullets.push({
                x: playerX,
                y: playerY,
                speed: 5
            });
        });

function spawnEnemy() {
            enemies.push({
                x: Math.random() * 800,
                y: Math.random() * 600,
                speedX: Math.random() - 0.5,
                speedY: Math.random() - 0.5
            });
        }

function drawPlayer() {
            ctx.fillStyle = 'blue';
            ctx.fillRect(playerX - 10, playerY - 10, 20, 20);
        }

function drawEnemies() {
            ctx.fillStyle = 'red';
            enemies.forEach(enemy => {
                ctx.fillRect(enemy.x - 10, enemy.y - 10, 20, 20);
            });
        }

function drawBullets() {
            ctx.fillStyle = 'black';
            bullets.forEach(bullet => {
                ctx.fillRect(bullet.x - 2, bullet.y - 2, 4, 4);
            });
        }

function updatePlayer() {
            // player movement logic
        }

function updateEnemies() {
            enemies.forEach(enemy => {
                // enemy movement logic
            });
        }

function updateBullets() {
            bullets.forEach(bullet => {
                // bullet movement logic
            });
        }

function checkCollisions() {
            // check for collisions between player, enemies, and bullets
        }

function gameLoop() {
            ctx.clearRect(0, 0, canvas.width, canvas.height);

drawPlayer();
            drawEnemies();
            drawBullets();

updatePlayer();
            updateEnemies();
            updateBullets();

checkCollisions();

requestAnimationFrame(gameLoop);
        }

for (let i = 0; i < 10; i++) {
            spawnEnemy();
        }

gameLoop();
    </script>
</body>

</html>
```