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 also use rotation metrix for 3D rotation on the cubes also add mobile controls's game

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

No:48454

←

Prev Next

→

Make a 3D fps game like doom where the level walls..ALL
Developer User20762｜Date and time 24/3/2 6:11:29
Build time 11.879 sec｜Game capacity 3.745KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在の欲しいゲームランキング

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

```html
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>3D Maze Shooter</title>
    <style>
        canvas {
            display: block;
            margin: 0 auto;
        }
    </style>
</head>
<body>
    <canvas id="gameCanvas" width="800" height="600"></canvas>
    <script>
        const canvas = document.getElementById('gameCanvas');
        const ctx = canvas.getContext('2d');

const player = {
            x: 50,
            y: 50,
            width: 20,
            height: 20,
            speed: 5,
            rotation: 0
        };

const walls = [];

const enemies = [
            { x: 400, y: 100 },
            { x: 600, y: 300 }
        ];

const door = { x: 750, y: 550 };

const gunEmoji = '🔫';
        const bulletEmoji = '💥';
        const enemyEmoji = '😠';
        const demonEmoji = '👹';
        const doorEmoji = '🚪';

function drawPlayer() {
            ctx.fillStyle = 'yellow';
            ctx.fillRect(player.x, player.y, player.width, player.height);
        }

function drawWalls() {
            for (let wall of walls) {
                ctx.strokeStyle = 'white';
                ctx.strokeRect(wall.x, wall.y, wall.width, wall.height);
            }
        }

function drawEnemies() {
            ctx.fillStyle = 'red';
            for (let enemy of enemies) {
                ctx.fillText(enemyEmoji, enemy.x, enemy.y);
            }
        }

function drawDoor() {
            ctx.fillText(doorEmoji, door.x, door.y);
        }

function drawGun() {
            ctx.font = '30px Arial';
            ctx.fillText(gunEmoji, player.x, player.y);
        }

function rotatePlayer(degrees) {
            player.rotation += degrees;
        }

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

drawPlayer();
            drawWalls();
            drawEnemies();
            drawDoor();
            drawGun();

requestAnimationFrame(draw);
        }

function checkCollision() {
            for (let enemy of enemies) {
                if (player.x < enemy.x + 20 &&
                    player.x + player.width > enemy.x &&
                    player.y < enemy.y + 20 &&
                    player.height + player.y > enemy.y) {
                    // Reset player position
                    player.x = 50;
                    player.y = 50;
                }
            }

if (player.x < door.x + 20 &&
                player.x + player.width > door.x &&
                player.y < door.y + 20 &&
                player.height + player.y > door.y) {
                // Player reached the door, reset position
                player.x = 50;
                player.y = 50;
            }
        }

function update() {
            movePlayer();
            checkCollision();
            draw();
        }

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