Create a doom like shooter game with old graphics a unique player character and unique enemies's game

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

No:20666

←

Prev Next

→

Create a doom like shooter game with old graphics ..ALL
Developer User9092｜Date and time 23/10/10 15:23:20
Build time 35.164 sec｜Game capacity 6.536KB｜

Script

Sure, here's an example of a simple Doom-like shooter game implemented as a single HTML file, enclosed in script tags, using JavaScript. Please note that this is just a basic example showcasing the game mechanics and it doesn't include the actual Doom graphics or extensive features. You can customize and expand upon it as per your requirements.

This HTML file will display a canvas with the player represented by a pictogram and enemies represented by another pictogram. The player can move using the arrow keys and shoot using the spacebar. The goal is to shoot and eliminate as many enemies as possible. Feel free to enhance the graphics, gameplay mechanics, and add additional features to make it a more complete and enjoyable game.

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋Kindle本ランキング

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

```html
<!DOCTYPE html>
<html>
<head>
    <title>Doom-like Shooter Game</title>
</head>
<body>
    <canvas id="gameCanvas" width="800" height="600"></canvas>

// Game Initialization
        function initialize() {
            canvas = document.getElementById("gameCanvas");
            ctx = canvas.getContext("2d");

player = {
                x: canvas.width / 2,
                y: canvas.height / 2,
                size: 30,
                speed: 5,
                direction: null
            };

spawnEnemies(5); // Initial enemy spawning

// Event Listeners
            document.addEventListener("keydown", handleKeyDown);
            document.addEventListener("keyup", handleKeyUp);

// Start Game Loop
            gameLoop();
        }

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

// Update Game State
        function update() {
            // Move player based on direction
            if (player.direction === "left") {
                player.x -= player.speed;
            } else if (player.direction === "right") {
                player.x += player.speed;
            } else if (player.direction === "up") {
                player.y -= player.speed;
            } else if (player.direction === "down") {
                player.y += player.speed;
            }

// Wrap player around the canvas
            if (player.x < 0) player.x = canvas.width;
            if (player.x > canvas.width) player.x = 0;
            if (player.y < 0) player.y = canvas.height;
            if (player.y > canvas.height) player.y = 0;

// Move bullets
            for (var i = bullets.length - 1; i >= 0; i--) {
                bullets[i].y -= 10; // Bullet speed

// Remove bullet if it goes off-screen
                if (bullets[i].y < 0) {
                    bullets.splice(i, 1);
                }
            }

// Check collision between bullets and enemies
            for (var i = enemies.length - 1; i >= 0; i--) {
                for (var j = bullets.length - 1; j >= 0; j--) {
                    if (
                        bullets[j].x < enemies[i].x + enemies[i].size &&
                        bullets[j].x + bullets[j].size > enemies[i].x &&
                        bullets[j].y < enemies[i].y + enemies[i].size &&
                        bullets[j].y + bullets[j].size > enemies[i].y
                    ) {
                        // Remove collided bullet and enemy
                        bullets.splice(j, 1);
                        enemies.splice(i, 1);
                        break;
                    }
                }
            }
        }

// Draw Game Objects
        function draw() {
            // Clear canvas
            ctx.clearRect(0, 0, canvas.width, canvas.height);

// Draw player
            ctx.font = player.size + "px Arial";
            ctx.fillText(sprites.player, player.x - player.size / 2, player.y + player.size / 2);

// Draw enemies
            for (var i = 0; i < enemies.length; i++) {
                ctx.font = enemies[i].size + "px Arial";
                ctx.fillText(sprites.enemy, enemies[i].x - enemies[i].size / 2, enemies[i].y + enemies[i].size / 2);
            }

// Draw bullets
            for (var i = 0; i < bullets.length; i++) {
                ctx.beginPath();
                ctx.strokeStyle = "white";
                ctx.moveTo(bullets[i].x, bullets[i].y);
                ctx.lineTo(bullets[i].x, bullets[i].y - bullets[i].size);
                ctx.stroke();
            }
        }

// Spawn Enemies
        function spawnEnemies(count) {
            for (var i = 0; i < count; i++) {
                var enemy = {
                    x: getRandomInt(0, canvas.width),
                    y: getRandomInt(0, canvas.height),
                    size: 30
                };
                enemies.push(enemy);
            }
        }

// Handle Key Down Events
        function handleKeyDown(event) {
            if (event.key === "ArrowLeft") {
                player.direction = "left";
            } else if (event.key === "ArrowRight") {
                player.direction = "right";
            } else if (event.key === "ArrowUp") {
                player.direction = "up";
            } else if (event.key === "ArrowDown") {
                player.direction = "down";
            } else if (event.key === " ") {
                fireBullet();
            }
        }

// Handle Key Up Events
        function handleKeyUp(event) {
            if (
                event.key === "ArrowLeft" ||
                event.key === "ArrowRight" ||
                event.key === "ArrowUp" ||
                event.key === "ArrowDown"
            ) {
                player.direction = null;
            }
        }

// Fire Bullet
        function fireBullet() {
            var bullet = {
                x: player.x,
                y: player.y,
                size: 5
            };
            bullets.push(bullet);
        }

// Utility function to get a random integer within a given range
        function getRandomInt(min, max) {
            return Math.floor(Math.random() * (max - min + 1)) + min;
        }

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

Feel free to enhance the graphics, gameplay mechanics, and add additional features to make it a more complete and enjoyable game.