A game where you can control a character and that character has a gun and you can control him to shoot monsters's game

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

No:23206

←

Prev Next

→

A game where you can control a character and that ..ALL
Developer User10750｜Date and time 23/10/29 2:42:57
Build time 90.276 sec｜Game capacity 6.119KB｜

Script

Sure! Here's an example of a simple game where you can control a character with a gun to shoot monsters. The game is designed to be played on a smartphone, and it uses pictograms for visuals.

To play the game, you can save the above code in a file with a `.html` extension and open it in a web browser on your smartphone. The game starts automatically, and you can control the character's movement by tilting your phone. Tap on the game screen to shoot at the monsters (represented by 👹) and earn points. If a monster collides with your character, it's game over, and your score will be displayed. To play again, simply refresh the page. Please note that this is a basic example, and you can further enhance the game by adding levels, power-ups, or additional game mechanics.

←

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 control a character with a gun to shoot monsters. The game is designed to be played on a smartphone, and it uses pictograms for visuals.

```html
<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>Monster Shooter</title>
    <style>
        body {
            margin: 0;
            padding: 0;
            overflow: hidden;
        }
        #game-container {
            width: 100%;
            height: 100vh;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 5vw;
            background-color: #000;
            color: #fff;
        }
    </style>
</head>
<body>
    <div id="game-container"></div>

// Game container
        var gameContainer = document.getElementById("game-container");

// Character pictogram
        var character = document.createElement("div");
        character.innerHTML = "👨🔫";
        character.style.position = "absolute";
        gameContainer.appendChild(character);

// Game loop
        setInterval(function() {
            // Move character
            character.style.left = characterX + "px";
            character.style.top = characterY + "px";

// Shoot bullets on touch
            gameContainer.ontouchstart = function(e) {
                var bullet = document.createElement("div");
                bullet.innerHTML = "🔫";
                bullet.style.position = "absolute";
                bullet.style.left = characterX + "px";
                bullet.style.top = characterY + "px";
                gameContainer.appendChild(bullet);

// Animate bullet
                var bulletInterval = setInterval(function() {
                    var bulletPosition = parseInt(bullet.style.top);
                    bullet.style.top = (bulletPosition - bulletSpeed) + "px";

// Check collision with monsters
                    var monsters = document.getElementsByClassName("monster");
                    Array.from(monsters).forEach(function(monster) {
                        if (collision(bullet, monster)) {
                            gameContainer.removeChild(monster);
                            gameContainer.removeChild(bullet);
                            clearInterval(bulletInterval);
                            score++;
                        }
                    });

// Remove bullet if it goes off-screen
                    if (bulletPosition < 0) {
                        gameContainer.removeChild(bullet);
                        clearInterval(bulletInterval);
                    }
                }, 20);
            };

// Spawn monsters
            if (document.getElementsByClassName("monster").length < maxMonsters) {
                var monster = document.createElement("div");
                monster.innerHTML = "👹";
                monster.style.position = "absolute";
                monster.style.left = Math.random() * window.innerWidth + "px";
                monster.style.top = window.innerHeight + "px";
                monster.classList.add("monster");
                gameContainer.appendChild(monster);

// Animate monsters
                var monsterInterval = setInterval(function() {
                    var monsterPosition = parseInt(monster.style.top);
                    monster.style.top = (monsterPosition - monsterSpeed) + "px";

// Check collision with character
                    if (collision(character, monster)) {
                        gameOver();
                    }

// Remove monster if it goes off-screen
                    if (monsterPosition < -200) {
                        gameContainer.removeChild(monster);
                        clearInterval(monsterInterval);
                    }
                }, 20);
            }
        }, 100);

// Handle character movement
        function handleCharacterMove(event) {
            characterX += event.accelerationIncludingGravity.x * characterSpeed;
            characterY -= event.accelerationIncludingGravity.y * characterSpeed;

// Bound character within the screen
            characterX = Math.max(0, characterX);
            characterX = Math.min(window.innerWidth - 100, characterX);

characterY = Math.max(0, characterY);
            characterY = Math.min(window.innerHeight - 100, characterY);
        }

// Collision detection
        function collision(element1, element2) {
            var rect1 = element1.getBoundingClientRect();
            var rect2 = element2.getBoundingClientRect();

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

// Game over
        function gameOver() {
            alert("Game Over! Your score: " + score);
            window.location.reload();
        }

// Start game on page load
        window.onload = function() {
            window.addEventListener("devicemotion", handleCharacterMove);
        };
    </script>
</body>
</html>
```

Please note that this is a basic example, and you can further enhance the game by adding levels, power-ups, or additional game mechanics.