You have a control pad to dodges red blocks but if one of them follows you you need to go as fast as you can's game

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

No:26169

←

Prev Next

→

You have a control pad to dodges red blocks but if..ALL
Developer User12833｜Date and time 23/11/27 14:50:45
Build time 80.834 sec｜Game capacity 4.819KB｜

Script

Sure! Here's a simple game implementation in a single HTML file using JavaScript. The game involves dodging red blocks using a control pad and going as fast as possible if a block starts following you. It's designed for smartphone operation and utilizes pictograms.

To play the game, save the above code in a file with the `.html` extension and open it in a web browser. The game will start automatically, and you can use the left and right arrow keys on your keyboard or the corresponding control pad buttons on your smartphone to move the player and dodge the red blocks. If a block follows you, try to go as fast as possible to increase your score. The game ends when a collision occurs between the player and a block, and your final score will be displayed in an alert dialog.

←

Prev　Next

→ 　

Back　

[PR]現在の人気グッズランキング

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

```html
<!DOCTYPE html>
<html>
<head>
    <title>Dodge Blocks Game</title>
    <style>
        #game {
            position: relative;
            width: 100%;
            height: 400px;
            border: 1px solid black;
        }
        #player {
            position: absolute;
            bottom: 0;
            left: 50%;
            transform: translateX(-50%);
            width: 50px;
            height: 50px;
            background-color: blue;
        }
        .block {
            position: absolute;
            width: 30px;
            height: 30px;
            background-color: red;
        }
    </style>
</head>
<body>
    <div id="game">
        <div id="player"></div>
    </div>
    
    <script>
        // Game variables
        var gameDiv = document.getElementById('game');
        var playerDiv = document.getElementById('player');
        var gameover = false;
        var speed = 5;
        var score = 0;
    
        // Move player left or right
        function movePlayer(direction) {
            var currentPosition = parseFloat(window.getComputedStyle(playerDiv, null).getPropertyValue("left"));
            var newPosition;
    
            if (direction === 'left') {
                newPosition = currentPosition - 10;
            } else if (direction === 'right') {
                newPosition = currentPosition + 10;
            }
    
            // Restrict player movement within game boundaries
            if (newPosition >= 0 && newPosition <= gameDiv.offsetWidth - playerDiv.offsetWidth) {
                playerDiv.style.left = newPosition + 'px';
            }
        }
    
        // Create a new block
        function createBlock() {
            var block = document.createElement('div');
            block.className = 'block';
            block.style.top = '0';
            block.style.left = randomPosition() + 'px';
            gameDiv.appendChild(block);
    
            // Animate block
            var intervalId = setInterval(function() {
                if (!gameover) {
                    var currentPosition = parseFloat(window.getComputedStyle(block, null).getPropertyValue("top"));
                    block.style.top = currentPosition + speed + 'px';
    
                    // Check collision between player and block
                    if (isColliding(block, playerDiv)) {
                        if (speed > 0) {
                            speed += 1; // Increase speed if block follows player
                        }
    
                        score++;
                        block.remove();
                        clearInterval(intervalId);
                    }
                }
            }, 10);
        }
    
        // Check collision between two elements
        function isColliding(element1, element2) {
            var rect1 = element1.getBoundingClientRect();
            var rect2 = element2.getBoundingClientRect();
    
            return !(
                rect1.top > rect2.bottom ||
                rect1.bottom < rect2.top ||
                rect1.left > rect2.right ||
                rect1.right < rect2.left
            );
        }
    
        // Generate a random position within game boundaries
        function randomPosition() {
            var min = 0;
            var max = gameDiv.offsetWidth - 30;
            return Math.floor(Math.random() * (max - min + 1)) + min;
        }
    
        // Start the game
        var gameIntervalId = setInterval(function() {
            if (!gameover) {
                createBlock();
            } else {
                clearInterval(gameIntervalId);
                alert('Game Over! Score: ' + score);
            }
        }, 2000);
    
        // Event listeners for control pad
        document.addEventListener('keydown', function(event) {
            if (event.key === 'ArrowLeft') {
                movePlayer('left');
            } else if (event.key === 'ArrowRight') {
                movePlayer('right');
            }
        });
    </script>
</body>
</html>
```