Make a 3D fps game like doom where the level walls are 3D wireframe cubes add mobile controls and enemies are angry faces and demons you shoot using your gun emoji which shoots a boom emoji use a maze algorithm and add 1 door emoji that if you touch it you reset if you die you game over and reset's game

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

No:48444

←

Prev Next

→

Make a 3D fps game like doom where the level walls..ALL
Developer User20762｜Date and time 24/3/2 6:06:25
Build time 17.385 sec｜Game capacity 3.822KB｜

Script

←

Prev　Next

→ 　

Back　

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

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

```html
<!DOCTYPE html>
<html>
<head>
    <title>3D FPS Game</title>
</head>
<body>
    <canvas id="gameCanvas" width="800" height="600"></canvas>

const player = {
            x: 50,
            y: 50,
            speed: 5,
            size: 10,
            direction: 0
        };

const enemies = [
            { x: 500, y: 500, size: 10 },
            { x: 300, y: 100, size: 10 },
            { x: 700, y: 200, size: 10 }
        ];

const door = { x: 750, y: 550, size: 20 };
        let gameOver = false;

function drawPlayer() {
            ctx.fillStyle = "yellow";
            ctx.fillRect(player.x, player.y, player.size, player.size);
        }

function drawEnemies() {
            ctx.fillStyle = "red";
            enemies.forEach(enemy => {
                ctx.fillRect(enemy.x, enemy.y, enemy.size, enemy.size);
            });
        }

function drawDoor() {
            ctx.fillStyle = "green";
            ctx.fillRect(door.x, door.y, door.size, door.size);
        }

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

drawPlayer();
            drawEnemies();
            drawDoor();

if (gameOver) {
                ctx.fillStyle = "black";
                ctx.font = "40px Arial";
                ctx.fillText("Game Over", 300, 300);
            }
        }

function moveEnemy() {
            enemies.forEach(enemy => {
                const dx = Math.sign(player.x - enemy.x);
                const dy = Math.sign(player.y - enemy.y);

enemy.x += dx * 2;
                enemy.y += dy * 2;
            });
        }

function checkCollision() {
            enemies.forEach(enemy => {
                if (player.x < enemy.x + enemy.size &&
                    player.x + player.size > enemy.x &&
                    player.y < enemy.y + enemy.size &&
                    player.y + player.size > enemy.y) {
                    gameOver = true;
                }
            });

if (player.x < door.x + door.size &&
                player.x + player.size > door.x &&
                player.y < door.y + door.size &&
                player.y + player.size > door.y &&
                !gameOver) {
                resetGame();
            }
        }

function resetGame() {
            player.x = 50;
            player.y = 50;
            gameOver = false;
        }

function update() {
            if (!gameOver) {
                moveEnemy();
                checkCollision();

switch (player.direction) {
                    case 0:
                        player.y -= player.speed;
                        break;
                    case 1:
                        player.y += player.speed;
                        break;
                    case 2:
                        player.x -= player.speed;
                        break;
                    case 3:
                        player.x += player.speed;
                        break;
                }
            }
        }

function gameLoop() {
            update();
            draw();

requestAnimationFrame(gameLoop);
        }

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