Shooter game cyberpunk style highly detailed's game

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

No:10980

←

Prev Next

→

Shooter game cyberpunk style highly detailed
Developer User4748｜Date and time 23/8/6 10:24:32
Build time 27.36 sec｜Game capacity 4.507KB｜

Script

Sure, here's a simple shooter game implemented as a single HTML file using JavaScript and enclosed in script tags:

This code sets up a simple shooter game where the player controls a character with left and right arrow keys and shoots bullets with the spacebar. The goal is to shoot down the enemies and earn points. If the player collides with an enemy, the game ends and the score is displayed. The game features a cyberpunk style through the use of colored rectangles. Feel free to modify the code and add more detailed graphics or gameplay elements to suit your needs.

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋ゲームアプリランキング

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

Sure, here's a simple shooter game implemented as a single HTML file using JavaScript and enclosed in script tags:

```html
<!DOCTYPE html>
<html>
<head>
    <title>Cyber Shooter Game</title>
    <style>
        canvas {
            border: 1px solid black;
        }
    </style>
</head>
<body>
    <canvas id="gameCanvas" width="800" height="600"></canvas>

function init() {
            canvas = document.getElementById("gameCanvas");
            ctx = canvas.getContext("2d");

playerX = canvas.width / 2;
            playerY = canvas.height - 50;
            playerWidth = 50;
            playerHeight = 50;

bullets = [];
            enemies = [];
            score = 0;

document.addEventListener("keydown", handleKeyPress);
            setInterval(update, 16);
        }

function fireBullet() {
            bullets.push({
                x: playerX + playerWidth / 2,
                y: playerY,
                width: 5,
                height: 10,
                speed: 5
            });
        }

function createEnemy() {
            enemies.push({
                x: Math.random() * canvas.width,
                y: 0,
                width: 50,
                height: 50,
                speed: Math.random() * 2 + 1
            });
        }

function update() {
            // Clear canvas
            ctx.clearRect(0, 0, canvas.width, canvas.height);

// Update player position
            ctx.fillRect(playerX, playerY, playerWidth, playerHeight);

// Update bullets
            bullets.forEach(function (bullet) {
                ctx.fillStyle = "white";
                bullet.y -= bullet.speed;
                ctx.fillRect(bullet.x, bullet.y, bullet.width, bullet.height);
            });

// Update enemies
            enemies.forEach(function (enemy) {
                ctx.fillStyle = "red";
                enemy.y += enemy.speed;
                ctx.fillRect(enemy.x, enemy.y, enemy.width, enemy.height);

// Check collision with bullets
                bullets.forEach(function (bullet) {
                    if (
                        bullet.x < enemy.x + enemy.width &&
                        bullet.x + bullet.width > enemy.x &&
                        bullet.y < enemy.y + enemy.height &&
                        bullet.y + bullet.height > enemy.y
                    ) {
                        // Collision detected, remove enemy and bullet
                        enemies.splice(enemies.indexOf(enemy), 1);
                        bullets.splice(bullets.indexOf(bullet), 1);
                        score += 10;
                    }
                });

// Check collision with player
                if (
                    playerX < enemy.x + enemy.width &&
                    playerX + playerWidth > enemy.x &&
                    playerY < enemy.y + enemy.height &&
                    playerY + playerHeight > enemy.y
                ) {
                    // Collision detected, game over
                    alert("Game Over! Score: " + score);
                    window.location.reload();
                }
            });

// Create new enemy randomly
            if (Math.random() < 0.02) {
                createEnemy();
            }

// Display score
            ctx.font = "16px Arial";
            ctx.fillStyle = "white";
            ctx.fillText("Score: " + score, 8, 20);
        }

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