A game where you shoot bad guys and they try to get you and there’s a score bar's game

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

No:27091

108

←

Prev Next

→

A game where you shoot bad guys and they try to ge..ALL
Developer User13390｜Date and time 23/12/4 6:14:23
Build time 38.393 sec｜Game capacity 3.972KB｜

Script

Sure! Here's an example of a simple game where you can shoot bad guys using JavaScript, presented as a single HTML file:

To play the game, save the above code into an HTML file, open it in a web browser (preferably on a smartphone for touch control simulations), and you should be able to control the player using the left and right arrow keys or by touch gestures. Your goal is to avoid colliding with the falling bad guys and survive as long as possible while gaining score. Please note that this is a basic implementation to give you the gist of the game. You can enhance and style it further to your liking.

←

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 game where you can shoot bad guys using JavaScript, presented as a single HTML file:

```html
<!DOCTYPE html>
<html>
<head>
    <title>Bad Guys Shooter Game</title>
    <style>
        canvas {
            border: 1px solid black;
            display: block;
            margin: 0 auto;
        }
    </style>
</head>
<body>
    <canvas id="gameCanvas" width="400" height="400"></canvas>

// Player object
        const player = {
            x: canvas.width / 2,
            y: canvas.height - 30,
            width: 20,
            height: 20,
            speed: 5,
        };

// Bad guys array
        const badGuys = [];
        const badGuysSpeed = 2;

// Score
        let score = 0;

// Event listeners
        document.addEventListener("keydown", keyDownHandler, false);
        document.addEventListener("keyup", keyUpHandler, false);

// Keyboard key states
        const keyState = {};

function keyDownHandler(event) {
            keyState[event.key] = true;
        }

function keyUpHandler(event) {
            keyState[event.key] = false;
        }

function update() {
            // Move player
            if (keyState["ArrowLeft"] && player.x > 0) {
                player.x -= player.speed;
            }
            if (keyState["ArrowRight"] && player.x < canvas.width - player.width) {
                player.x += player.speed;
            }

// Move bad guys and check collisions
            badGuys.forEach((badGuy, index) => {
                badGuy.y += badGuysSpeed;

if (badGuy.y > canvas.height) {
                    badGuys.splice(index, 1); // Remove bad guy if off-screen
                }

// Check collision
                if (
                    player.x < badGuy.x + badGuy.width &&
                    player.x + player.width > badGuy.x &&
                    player.y < badGuy.y + badGuy.height &&
                    player.y + player.height > badGuy.y
                ) {
                    // Collision occurred, game over
                    alert("Game Over. Final Score: " + score);
                    document.location.reload();
                }
            });

// Clear canvas
            context.clearRect(0, 0, canvas.width, canvas.height);

// Draw player
            context.fillStyle = "#0095DD";
            context.fillRect(player.x, player.y, player.width, player.height);

// Draw bad guys
            context.fillStyle = "#FF0000";
            badGuys.forEach(badGuy => {
                context.fillRect(badGuy.x, badGuy.y, badGuy.width, badGuy.height);
            });

// Draw score
            context.font = "16px Arial";
            context.fillStyle = "#000000";
            context.fillText("Score: " + score, 8, 20);
        }

function spawnBadGuy() {
            const badGuy = {
                x: Math.random() * (canvas.width - 20),
                y: 0,
                width: 20,
                height: 20,
            };

badGuys.push(badGuy);
        }

// Game loop
        setInterval(() => {
            spawnBadGuy();
            score++;
        }, 1000);

setInterval(update, 10);
    </script>
</body>
</html>
```

Please note that this is a basic implementation to give you the gist of the game. You can enhance and style it further to your liking.