I want an insane gun shooting game with a large open world map's game

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

No:42514

←

Prev Next

→

I want an insane gun shooting game with a large op..ALL
Developer User18898｜Date and time 24/2/11 22:27:27
Build time 22.105 sec｜Game capacity 7.863KB｜

Script

Sure! Here's an example of an insane gun shooting game implemented as a single HTML file using JavaScript. Please note that this is a very basic implementation and can be expanded upon as per your requirements.

In this code, you can control the red square (representing the player) using the arrow keys on your smartphone's keyboard. You can shoot bullets by pressing the spacebar key. The enemies (blue circles) will appear randomly from the top and move downwards. The objective is to hit the enemies with your bullets. Feel free to customize and enhance the game as per your requirements, including incorporating pictograms or expanding the open world map.

←

Prev　Next

→ 　

Back　

[PR]現在のフィギュア売れ筋ランキング

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

```html
<!DOCTYPE html>
<html>
<head>
    <title>Insane Gun Shooting Game</title>
    <style>
        html,
        body {
            margin: 0;
            padding: 0;
            overflow: hidden;
        }
        #game-container {
            position: relative;
            width: 100%;
            height: 100vh;
        }
        #player {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            width: 30px;
            height: 30px;
            background-color: red;
        }
        .enemy {
            position: absolute;
            width: 20px;
            height: 20px;
            background-color: blue;
            border-radius: 50%;
        }
        .bullet {
            position: absolute;
            width: 10px;
            height: 10px;
            background-color: yellow;
        }
    </style>
</head>
<body>
    <div id="game-container">
        <div id="player"></div>
    </div>

// Player Controls
        var keys = {
            left: false,
            right: false,
            up: false,
            down: false,
            shoot: false
        };

// Function to handle player movement
        function handlePlayerMovement() {
            if (keys.left) {
                var playerX = player.offsetLeft;
                if (playerX > 0) {
                    player.style.left = playerX - 5 + "px";
                }
            }
            if (keys.right) {
                var playerX = player.offsetLeft;
                if (playerX + player.offsetWidth < gameContainer.offsetWidth) {
                    player.style.left = playerX + 5 + "px";
                }
            }
            if (keys.up) {
                var playerY = player.offsetTop;
                if (playerY > 0) {
                    player.style.top = playerY - 5 + "px";
                }
            }
            if (keys.down) {
                var playerY = player.offsetTop;
                if (playerY + player.offsetHeight < gameContainer.offsetHeight) {
                    player.style.top = playerY + 5 + "px";
                }
            }
        }

// Function to handle shooting
        function handleShooting() {
            if (keys.shoot) {
                var bullet = document.createElement("div");
                bullet.classList.add("bullet");

var playerX = player.offsetLeft + player.offsetWidth / 2 - bullet.offsetWidth / 2;
                var playerY = player.offsetTop + player.offsetHeight / 2 - bullet.offsetHeight / 2;

bullet.style.left = playerX + "px";
                bullet.style.top = playerY + "px";
                gameContainer.appendChild(bullet);
                bullets.push(bullet);
            }
        }

// Function to handle bullet movement
        function handleBulletMovement() {
            for (var i = bullets.length - 1; i >= 0; i--) {
                var bullet = bullets[i];
                var bulletY = bullet.offsetTop;

if (bulletY > 0) {
                    bullet.style.top = bulletY - 10 + "px";
                } else {
                    gameContainer.removeChild(bullet);
                    bullets.splice(i, 1);
                }
            }
        }

// Function to handle enemy creation
        function createEnemy() {
            var enemy = document.createElement("div");
            enemy.classList.add("enemy");

var enemyX = Math.random() * (gameContainer.offsetWidth - enemy.offsetWidth);
            var enemyY = -enemy.offsetHeight;

enemy.style.left = enemyX + "px";
            enemy.style.top = enemyY + "px";
            gameContainer.appendChild(enemy);
            enemies.push(enemy);
        }

// Function to handle enemy movement
        function handleEnemyMovement() {
            for (var i = enemies.length - 1; i >= 0; i--) {
                var enemy = enemies[i];
                var enemyY = enemy.offsetTop;

if (enemyY < gameContainer.offsetHeight) {
                    enemy.style.top = enemyY + 5 + "px";
                } else {
                    gameContainer.removeChild(enemy);
                    enemies.splice(i, 1);
                }
            }
        }

// Function to check for bullet-enemy collision
        function checkCollisions() {
            for (var i = bullets.length - 1; i >= 0; i--) {
                var bullet = bullets[i];

for (var j = enemies.length - 1; j >= 0; j--) {
                    var enemy = enemies[j];

if (isColliding(bullet, enemy)) {
                        gameContainer.removeChild(bullet);
                        gameContainer.removeChild(enemy);

bullets.splice(i, 1);
                        enemies.splice(j, 1);
                    }
                }
            }
        }

// Utility function to check collision between two elements
        function isColliding(element1, element2) {
            var e1Rect = element1.getBoundingClientRect();
            var e2Rect = element2.getBoundingClientRect();

return (
                e1Rect.top <= e2Rect.bottom &&
                e1Rect.right >= e2Rect.left &&
                e1Rect.bottom >= e2Rect.top &&
                e1Rect.left <= e2Rect.right
            );
        }

// Event Listeners
        window.addEventListener("keydown", function (event) {
            event.preventDefault();
            if (event.key === "ArrowLeft") {
                keys.left = true;
            }
            if (event.key === "ArrowRight") {
                keys.right = true;
            }
            if (event.key === "ArrowUp") {
                keys.up = true;
            }
            if (event.key === "ArrowDown") {
                keys.down = true;
            }
            if (event.key === " ") {
                keys.shoot = true;
            }
        });

// Start the game
        gameInterval = setInterval(function () {
            handlePlayerMovement();
            handleShooting();
            handleBulletMovement();
            handleEnemyMovement();
            checkCollisions();
        }, 20);

// Create random enemies
        setInterval(createEnemy, 1000);
    </script>
</body>
</html>
```

Feel free to customize and enhance the game as per your requirements, including incorporating pictograms or expanding the open world map.