Tap the green block in the middle of the screen and it makes random blocks across the screen. If you click the blue square at bottom of green block, it makes all things spawned by the green block start to fall's game

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

No:33965

109

←

Prev Next

→

Tap the green block in the middle of the screen an..ALL
Developer User15955｜Date and time 24/1/7 7:30:10
Build time 20.406 sec｜Game capacity 2.606KB｜

Script

Sure! Here's a simple game implemented as a single HTML file using JavaScript and enclosed within script tags. The game is designed for smartphone operation and uses pictograms.

Drop All

To play the game: 1. Open the HTML file in a browser (preferably on a mobile device). 2. Tap the green block in the middle of the screen to spawn random blocks across the screen. 3. Click the blue square at the bottom of the green block to make all spawned blocks start falling towards the bottom of the screen.

←

Prev　Next

→ 　

Back　

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

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

Sure! Here's a simple game implemented as a single HTML file using JavaScript and enclosed within script tags. The game is designed for smartphone operation and uses pictograms.

```html
<!DOCTYPE html>
<html>
<head>
    <title>Tap and Drop Game</title>
    <style>
        #game-screen {
            position: relative;
            width: 100%;
            height: 500px;
            background-color: lightgrey;
        }

#green-block {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            width: 100px;
            height: 100px;
            background-color: green;
        }

#blue-button {
            position: absolute;
            bottom: 10px;
            left: 50%;
            transform: translateX(-50%);
            padding: 10px 20px;
            background-color: blue;
            color: white;
            cursor: pointer;
        }

.falling-block {
            position: absolute;
            width: 30px;
            height: 30px;
            background-color: red;
        }
    </style>
</head>
<body>
    <div id="game-screen">
        <div id="green-block"></div>
    </div>
    <div id="blue-button">Drop All</div>

greenBlock.addEventListener('click', function() {
            createRandomBlock();
        });

blueButton.addEventListener('click', function() {
            dropAllBlocks();
        });

function createRandomBlock() {
            var block = document.createElement('div');
            block.classList.add('falling-block');
            block.style.left = Math.floor(Math.random() * (gameScreen.offsetWidth - 30)) + 'px';
            gameScreen.appendChild(block);
            fallingBlocks.push(block);
        }

function dropAllBlocks() {
            for (var i = 0; i < fallingBlocks.length; i++) {
                var block = fallingBlocks[i];
                block.style.top = gameScreen.offsetHeight + 'px';
            }
        }
    </script>
</body>
</html>
```

To play the game:
1. Open the HTML file in a browser (preferably on a mobile device).
2. Tap the green block in the middle of the screen to spawn random blocks across the screen.
3. Click the blue square at the bottom of the green block to make all spawned blocks start falling towards the bottom of the screen.