A shooter game for smartphone's game

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

No:15691

112

←

Prev Next

→

A shooter game for smartphone
Developer User6827｜Date and time 23/9/10 20:47:09
Build time 34.702 sec｜Game capacity 4.533KB｜

Script

Sure! Here's a sample implementation of a shooter game using JavaScript and HTML that can be played on a smartphone. The game is designed to be simple and uses pictograms for visuals:

To play the game, simply copy the entire HTML code and save it in a `.html` file on your smartphone. Open the file with a web browser, and you should be able to play the shooter game using the arrow keys on your smartphone's keyboard. The player is represented by a rocket ship emoji (🚀), and the enemies are represented by bomb emoji (💣). Your objective is to avoid the bombs and survive as long as possible while collecting points. Good luck!

←

Prev　Next

→ 　

Back　

[PR]現在の欲しいゲームランキング

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

Sure! Here's a sample implementation of a shooter game using JavaScript and HTML that can be played on a smartphone. The game is designed to be simple and uses pictograms for visuals:

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

<head>
    <title>Shooter Game</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <style>
        body {
            margin: 0;
            padding: 0;
            overflow: hidden;
        }

#gameCanvas {
            width: 100%;
            height: 100%;
            background-color: #000000;
            position: absolute;
        }

#player {
            position: absolute;
            top: 90%;
            left: 50%;
            transform: translateX(-50%);
            font-size: 50px;
        }

.enemy {
            position: absolute;
            top: 0;
            font-size: 40px;
            color: #FFFFFF;
        }
    </style>
</head>

<body>
    <div id="gameCanvas"></div>
    <script>
        // Game variables
        var canvasWidth = window.innerWidth;
        var canvasHeight = window.innerHeight;
        var playerSize = 50;
        var playerSpeed = 10;
        var enemySize = 40;
        var enemySpeed = 3;
        var enemies = [];
        var score = 0;

// Create the player
        var player = document.createElement('div');
        player.id = 'player';
        player.textContent = '🚀';
        document.body.appendChild(player);

// Function to generate random enemies
        function generateEnemy() {
            var enemy = document.createElement('div');
            enemy.classList.add('enemy');
            enemy.textContent = '💣';
            enemy.style.left = Math.floor(Math.random() * (canvasWidth - enemySize)) + 'px';
            document.getElementById('gameCanvas').appendChild(enemy);
            enemies.push(enemy);
        }

// Function to update the player's position
        function movePlayer(event) {
            var key = event.keyCode;
            if (key === 37 && player.offsetLeft > 0) {
                player.style.left = player.offsetLeft - playerSpeed + 'px'; // Left arrow
            } else if (key === 39 && player.offsetLeft < canvasWidth - playerSize) {
                player.style.left = player.offsetLeft + playerSpeed + 'px'; // Right arrow
            }
        }

// Function to update the enemies' positions and check for collisions
        function moveEnemies() {
            var len = enemies.length;
            for (var i = 0; i < len; i++) {
                var enemy = enemies[i];
                enemy.style.top = enemy.offsetTop + enemySpeed + 'px';
                if (enemy.offsetTop + enemySize > canvasHeight) {
                    gameOver();
                }
                if (checkCollision(enemy, player)) {
                    score++;
                    document.getElementById('score').textContent = score;
                    document.getElementById('gameCanvas').removeChild(enemy);
                    enemies.splice(i, 1);
                    len--;
                }
            }
        }

// Function to check for collision between two elements
        function checkCollision(a, b) {
            var aRect = a.getBoundingClientRect();
            var bRect = b.getBoundingClientRect();
            return (
                aRect.left < bRect.right &&
                aRect.right > bRect.left &&
                aRect.top < bRect.bottom &&
                aRect.bottom > bRect.top
            );
        }

// Function to end the game
        function gameOver() {
            alert('Game Over! Your score: ' + score);
            location.reload();
        }

// Start the game
        function startGame() {
            document.addEventListener('keydown', movePlayer);
            setInterval(function () {
                generateEnemy();
            }, 2000);
            setInterval(function () {
                moveEnemies();
            }, 30);
        }

startGame();
    </script>
</body>

</html>
```