Demon shooting first person shooter's game

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

No:21978

←

Prev Next

→

Demon shooting first person shooter
Developer User7090｜Date and time 23/10/19 15:53:36
Build time 138.771 sec｜Game capacity 5.616KB｜

Script

Sure! Here's an example of a simple first-person shooter game using JavaScript, HTML, and pictograms:

To play the game, you can copy the above code into a text file, save it with a `.html` extension (e.g., `demon_shooting_game.html`), and open it in a web browser. Use the arrow keys to move the player and press the space bar to shoot bullets. The objective is to shoot the demons and avoid getting hit by them. The score increases for each demon shot, and the game ends if a demon collides with the player.

←

Prev　Next

→ 　

Back　

[PR]現在の新着人気ランキング

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

Sure! Here's an example of a simple first-person shooter game using JavaScript, HTML, and pictograms:

```html
<!DOCTYPE html>
<html>
<head>
    <title>Demon Shooting Game</title>
    <style>
        body {
            margin: 0;
        }
        canvas {
            background-color: #000;
            display: block;
        }
    </style>
</head>
<body>
    <canvas id="gameCanvas"></canvas>

// Handle keyboard input
        document.addEventListener("keydown", keyDownHandler);
        document.addEventListener("keyup", keyUpHandler);

var keys = {};
        function keyDownHandler(event) {
            keys[event.key] = true;
        }
        function keyUpHandler(event) {
            keys[event.key] = false;
        }

// Create demon objects
        function createDemons() {
            for (var i = 0; i < 5; i++) {
                var demon = {
                    x: Math.random() * canvas.width,
                    y: Math.random() * canvas.height,
                    size: 30,
                    speed: Math.random() * 3 + 1
                };
                demons.push(demon);
            }
        }

// Update game objects
        function update() {
            // Move player
            if (keys["ArrowUp"] && player.y > 0) {
                player.y -= player.speed;
            }
            if (keys["ArrowDown"] && player.y < canvas.height - player.size) {
                player.y += player.speed;
            }
            if (keys["ArrowLeft"] && player.x > 0) {
                player.x -= player.speed;
            }
            if (keys["ArrowRight"] && player.x < canvas.width - player.size) {
                player.x += player.speed;
            }
            
            // Create bullets
            if (keys["Space"]) {
                var bullet = {
                    x: player.x + player.size / 2,
                    y: player.y + player.size / 2,
                    size: 5,
                    speed: 10
                };
              bullets.push(bullet);
            }
            
            // Move bullets
            for (var i = 0; i < bullets.length; i++) {
                bullets[i].x += bullets[i].speed;
            }
            
            // Move demons
            for (var i = 0; i < demons.length; i++) {
                demons[i].x -= demons[i].speed;
                
                // Check collision with player
                if (
                    player.x < demons[i].x + demons[i].size &&
                    player.x + player.size > demons[i].x &&
                    player.y < demons[i].y + demons[i].size &&
                    player.y + player.size > demons[i].y
                ) {
                    alert("Game Over! Your Score: " + score);
                    location.reload(); // Reload the game after game over
                }
            }
            
            // Check collision with bullets
            for (var i = 0; i < bullets.length; i++) {
                for (var j = 0; j < demons.length; j++) {
                    if (
                        bullets[i].x < demons[j].x + demons[j].size &&
                        bullets[i].x + bullets[i].size > demons[j].x &&
                        bullets[i].y < demons[j].y + demons[j].size &&
                        bullets[i].y + bullets[i].size > demons[j].y
                    ) {
                        bullets.splice(i, 1);
                        demons.splice(j, 1);
                        score++;
                        break;
                    }
                }
            }
        }

// Draw game objects
        function draw() {
            // Clear canvas
            context.clearRect(0, 0, canvas.width, canvas.height);
            
            // Draw player
            context.fillStyle = "#fff";
            context.fillRect(player.x, player.y, player.size, player.size);
            
            // Draw bullets
            context.fillStyle = "#f00";
            for (var i = 0; i < bullets.length; i++) {
                context.fillRect(bullets[i].x, bullets[i].y, bullets[i].size, bullets[i].size);
            }
            
            // Draw demons
            context.fillStyle = "#0f0";
            for (var i = 0; i < demons.length; i++) {
                context.fillRect(demons[i].x, demons[i].y, demons[i].size, demons[i].size);
            }
            
            // Display score
            context.fillStyle = "#fff";
            context.font = "20px Arial";
            context.fillText("Score: " + score, 10, 30);
        }

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

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