A 3d shooting game with zombies's game

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

No:36826

←

Prev Next

→

A 3d shooting game with zombies
Developer User16876｜Date and time 24/1/18 15:34:11
Build time 19.606 sec｜Game capacity 4.897KB｜

Script

Sure! Here's a basic implementation of a 3D shooting game with zombies using HTML, JavaScript, and pictograms. The game is designed for smartphone operation and is contained in a single HTML file. You can copy and paste the code below into a file with a .html extension and open it in a web browser to play the game.

In this game, you play as a blue square (representing the player) and have to shoot down green squares (representing zombies) using red squares (representing bullets). The player is controlled by touch input, and the game objective is to survive as long as possible without colliding with any zombies. Note that this is a basic implementation and can be expanded upon with additional features, such as scoring, levels, power-ups, and more.

←

Prev　Next

→ 　

Back　

[PR]現在の人気ゲームランキング

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

```html
<!DOCTYPE html>
<html>
<head>
    <title>3D Shooting Game with Zombies</title>
    <style>
        #gameCanvas {
            width: 100%;
            height: 100vh;
        }
    </style>
</head>
<body>
    <canvas id="gameCanvas"></canvas>

// Initialize the game canvas
        const canvas = document.getElementById('gameCanvas');
        canvas.width = window.innerWidth;
        canvas.height = window.innerHeight;
        const ctx = canvas.getContext('2d');

// Player variables
        let playerX = canvas.width / 2;
        let playerY = canvas.height / 2;
        const playerSize = 20;
        const playerSpeed = 5;

// Zombie variables
        const zombieSize = 30;
        const zombieSpeed = 2;
        let zombies = [];

// Shooting variables
        const bulletSize = 10;
        const bulletSpeed = 10;
        let bullets = [];

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

// Update game state
        function update() {
            // Update player position based on touch input
            document.addEventListener('touchmove', function (event) {
                playerX = event.touches[0].clientX;
                playerY = event.touches[0].clientY;
            });

// Spawn zombies randomly
            if (Math.random() < 0.02) {
                const randomX = Math.random() * canvas.width;
                const randomY = Math.random() * canvas.height;
                zombies.push({ x: randomX, y: randomY });
            }

// Update zombie positions towards player
            zombies.forEach((zombie) => {
                const dx = playerX - zombie.x;
                const dy = playerY - zombie.y;
                const distance = Math.sqrt(dx * dx + dy * dy);
                const velocityX = (dx / distance) * zombieSpeed;
                const velocityY = (dy / distance) * zombieSpeed;
                zombie.x += velocityX;
                zombie.y += velocityY;

// Check collision with player
                if (distance < playerSize + zombieSize) {
                    gameOver();
                }
            });

// Update bullet positions towards zombies
            bullets.forEach((bullet) => {
                bullet.x += bulletSpeed;
                zombies.forEach((zombie, index) => {
                    const dx = bullet.x - zombie.x;
                    const dy = bullet.y - zombie.y;
                    const distance = Math.sqrt(dx * dx + dy * dy);

// Check collision with zombie
                    if (distance < bulletSize + zombieSize) {
                        zombies.splice(index, 1);
                    }
                });

// Remove bullet if off-screen
                if (bullet.x > canvas.width) {
                    bullets.shift();
                }
            });
        }

// Render game objects
        function draw() {
            // Clear canvas
            ctx.clearRect(0, 0, canvas.width, canvas.height);

// Draw player
            ctx.fillStyle = 'blue';
            ctx.fillRect(playerX - playerSize / 2, playerY - playerSize / 2, playerSize, playerSize);

// Draw zombies
            ctx.fillStyle = 'green';
            zombies.forEach((zombie) => {
                ctx.fillRect(zombie.x - zombieSize / 2, zombie.y - zombieSize / 2, zombieSize, zombieSize);
            });

// Draw bullets
            ctx.fillStyle = 'red';
            bullets.forEach((bullet) => {
                ctx.fillRect(bullet.x - bulletSize / 2, bullet.y - bulletSize / 2, bulletSize, bulletSize);
            });
        }

// Game over logic
        function gameOver() {
            document.removeEventListener('touchmove', () => { });
            alert('Game over!');
            // Any additional logic after game over
        }

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

Note that this is a basic implementation and can be expanded upon with additional features, such as scoring, levels, power-ups, and more.