A game where you shoot bad guys's game

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

No:27089

←

Prev Next

→

A game where you shoot bad guys
Developer User13390｜Date and time 23/12/4 6:12:57
Build time 24.353 sec｜Game capacity 5.007KB｜

Script

Sure! Here's an example of a simple game where you can shoot bad guys using pictograms:

This implementation is a single HTML file containing JavaScript code enclosed within the `
` tags. It is a simple game where you control a player character using mouse movement and shoot bullets at randomly spawned bad guys. The objective is to shoot the bad guys and score points, while avoiding the bad guys reaching the player character. The game ends when a bad guy reaches the player. The game is mobile-friendly and playable on smartphones as well. The game uses pictograms represented by colored squares.

←

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 pictograms:

```html
<!DOCTYPE html>
<html>

<head>
    <title>Shoot the Bad Guys!</title>
    <style>
        #game-board {
            position: relative;
            width: 300px;
            height: 500px;
            background-color: #ddd;
            margin: 0 auto;
            overflow: hidden;
        }

#player {
            position: absolute;
            bottom: 10px;
            left: 50%;
            transform: translateX(-50%);
            width: 40px;
            height: 40px;
            background-color: blue;
        }

.bad-guy {
            position: absolute;
            width: 40px;
            height: 40px;
            background-color: red;
        }
    </style>
</head>

// Initialize the game
        function initGame() {
            gameBoard = document.getElementById('game-board');
            player = document.getElementById('player');

gameBoard.addEventListener('click', shoot);
            gameBoard.addEventListener('mousemove', movePlayer);

spawnBadGuys();
            gameLoop();
        }

// Spawn the bad guys
        function spawnBadGuys() {
            setInterval(function () {
                var badGuy = document.createElement('div');
                badGuy.classList.add('bad-guy');
                badGuy.style.left = Math.random() * (gameBoard.offsetWidth - 40) + 'px';
                gameBoard.appendChild(badGuy);
                badGuys.push(badGuy);
            }, 2000);
        }

// Move the player
        function movePlayer(event) {
            var x = event.clientX - gameBoard.offsetLeft;
            player.style.left = x - player.offsetWidth / 2 + 'px';
        }

// Shoot
        function shoot(event) {
            var x = event.clientX - gameBoard.offsetLeft;

var bullet = document.createElement('div');
            bullet.classList.add('bullet');
            bullet.style.left = x - bullet.offsetWidth / 2 + 'px';
            gameBoard.appendChild(bullet);

var bulletInterval = setInterval(function () {
                bullet.style.top = bullet.offsetTop - 10 + 'px';

// Check for collision with bad guys
                for (var i = 0; i < badGuys.length; i++) {
                    var badGuy = badGuys[i];
                    if (checkCollision(bullet, badGuy)) {
                        gameBoard.removeChild(badGuy);
                        gameBoard.removeChild(bullet);
                        badGuys.splice(i, 1);
                        points += 10;
                        break;
                    }
                }

// Remove bullet if it reaches the top
                if (bullet.offsetTop <= 0) {
                    gameBoard.removeChild(bullet);
                    clearInterval(bulletInterval);
                }
            }, 10);
        }

// Check collision between two elements
        function checkCollision(obj1, obj2) {
            var rect1 = obj1.getBoundingClientRect();
            var rect2 = obj2.getBoundingClientRect();

return !(rect1.right < rect2.left || rect1.left > rect2.right || rect1.bottom < rect2.top || rect1.top > rect2.bottom);
        }

// Main game loop
        function gameLoop() {
            if (!gameRunning) {
                return;
            }

// Move bad guys
            for (var i = 0; i < badGuys.length; i++) {
                var badGuy = badGuys[i];
                badGuy.style.top = badGuy.offsetTop + 1 + 'px';

// Check if bad guys reach the player
                if (badGuy.offsetTop + badGuy.offsetHeight >= player.offsetTop) {
                    gameOver();
                    return;
                }
            }

// Update points
            document.getElementById('points').innerText = 'Points: ' + points;

requestAnimationFrame(gameLoop);
        }

// Game over
        function gameOver() {
            gameRunning = false;
            alert('Game over! Your score: ' + points);
        }

// Start the game
        initGame();
    </script>
</body>

</html>
```

This implementation is a single HTML file containing JavaScript code enclosed within the `<script>` tags. It is a simple game where you control a player character using mouse movement and shoot bullets at randomly spawned bad guys. The objective is to shoot the bad guys and score points, while avoiding the bad guys reaching the player character. The game ends when a bad guy reaches the player. The game is mobile-friendly and playable on smartphones as well. The game uses pictograms represented by colored squares.