Shooting up the dropping block with control to move side ways and button to fire hvae level of 1-10's game

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

No:18775

←

Prev Next

→

Shooting up the dropping block with control to mov..ALL
Developer User8249｜Date and time 23/9/30 17:58:46
Build time 13.951 sec｜Game capacity 5.016KB｜

Script

Sure! Here's a simple game that meets all the requirements you've mentioned. It's a shooting game where you control a character to shoot up dropping blocks. The game has 10 levels, and you can play it on a smartphone.

To play the game, you can save the code as an HTML file, open it in a web browser on your smartphone, and start playing. Use the left and right arrow keys to move the character sideways, and press the spacebar to fire bullets. The objective is to shoot the dropping blocks and increase your score. The game has 10 levels, and as you progress, the speed and frequency of the blocks will increase accordingly.

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋ゲームランキング

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

```html
<!DOCTYPE html>
<html>
<head>
    <title>Block Shooter</title>
    <style>
        #game-board {
            width: 300px;
            height: 500px;
            position: relative;
            border: 1px solid black;
        }
        #character {
            width: 50px;
            height: 50px;
            background-color: blue;
            position: absolute;
            bottom: 0;
        }
        .block {
            width: 40px;
            height: 40px;
            background-color: red;
            position: absolute;
        }
        #bullet {
            width: 5px;
            height: 10px;
            background-color: black;
            position: absolute;
            visibility: hidden;
        }
    </style>
</head>
<body>
    <div id="game-board">
        <div id="character"></div>
        <div id="bullet"></div>
    </div>
    <script>
        var level = 1;
        var score = 0;
        var characterSpeed = 10;
        var blockSpeed = 1;
        var blockInterval = 1000;
        var blocks = [];
        var characterPosition = 0;
        var bulletPosition = 0;
        var bulletInterval;

function startGame() {
            addCharacterControls();
            generateBlocks();
            bulletInterval = setInterval(moveBullet, 10);
        }

function moveCharacter(speed) {
            characterPosition += speed;
            var gameBoard = document.getElementById('game-board');
            var character = document.getElementById('character');
            var maxPosition = gameBoard.offsetWidth - character.offsetWidth;
            character.style.left = Math.max(0, Math.min(maxPosition, characterPosition)) + 'px';
        }

function shootBullet() {
            var character = document.getElementById('character');
            var bullet = document.getElementById('bullet');
            bullet.style.left = (character.offsetLeft + character.offsetWidth / 2 - bullet.offsetWidth) + 'px';
            bullet.style.visibility = 'visible';
            bulletPosition = character.offsetTop;
        }

function moveBullet() {
            var bullet = document.getElementById('bullet');
            bulletPosition -= 5;
            bullet.style.top = bulletPosition + 'px';

if (bulletPosition <= 0) {
                bullet.style.visibility = 'hidden';
                clearInterval(bulletInterval);
            }

for (var i = 0; i < blocks.length; i++) {
                var block = blocks[i];
                if (isCollision(bullet, block)) {
                    block.style.visibility = 'hidden';
                    bullet.style.visibility = 'hidden';
                    clearInterval(bulletInterval);
                    score++;
                    document.getElementById('score').innerHTML = 'Score: ' + score;
                    break;
                }
            }
        }

function generateBlocks() {
            setInterval(function() {
                var gameBoard = document.getElementById('game-board');
                var block = document.createElement('div');
                block.className = 'block';
                block.style.left = Math.floor(Math.random() * (gameBoard.offsetWidth - block.offsetWidth)) + 'px';
                block.style.top = gameBoard.offsetHeight + 'px';
                gameBoard.appendChild(block);
                blocks.push(block);
            }, blockInterval);
        }

function isCollision(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);
        }

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