Move around to Dodge the deadly blocks's game

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

No:22561

←

Prev Next

→

Move around to Dodge the deadly blocks
Developer User10392｜Date and time 23/10/23 4:32:09
Build time 43.08 sec｜Game capacity 3.849KB｜

Script

Sure! Here's a simple game that can be played on a smartphone. It uses pictograms and allows you to move around to dodge deadly blocks. The game is implemented as a single HTML file, enclosed in script tags, written in JavaScript. Just copy the code below and save it as an HTML file on your smartphone to play.

🚀

To play the game, simply open the HTML file on your smartphone, and you will control a rocket emoji (`🚀`). Move your finger across the screen to control the rocket's position and try to dodge the red blocks. Your score increases over time, and the game gets faster as you progress. If you collide with a block, the game will be over, and your score will be displayed.

←

Prev　Next

→ 　

Back　

[PR]現在の本の売れ筋ランキング

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

```html
<!DOCTYPE html>
<html>
<head>
    <title>Dodge the Blocks</title>
    <style>
        #player {
            position: absolute;
            left: 50%;
            top: 50%;
            transform: translate(-50%, -50%);
            font-size: 40px;
        }
        
        #block {
            position: absolute;
            height: 50px;
            width: 50px;
            background-color: red;
        }
    </style>
</head>
<body>
    <script>
        let player = document.getElementById('player');
        let block = document.getElementById('block');
        let score = 0;
        let gameSpeed = 5;
        let blockSpeed = 10;
        let isGameOver = false;
        
        // Initialize player position
        let playerX = window.innerWidth / 2;
        let playerY = window.innerHeight / 2;
        
        // Initialize block position
        let blockX = Math.random() * (window.innerWidth - 50);
        let blockY = Math.random() * (window.innerHeight - 50);
        
        // Update player position based on touch events
        document.addEventListener('touchmove', function(event) {
            playerX = event.touches[0].clientX;
            playerY = event.touches[0].clientY;
        }, false);
        
        // Game loop
        function gameLoop() {
            if (!isGameOver) {
                // Move the player
                player.style.left = playerX + 'px';
                player.style.top = playerY + 'px';
                
                // Move the block
                blockY += blockSpeed;
                block.style.left = blockX + 'px';
                block.style.top = blockY + 'px';
                
                // Check for collision
                if (isCollision()) {
                    gameOver();
                    return;
                }
                
                // Increase score
                score++;
            }
            
            // Update game speed
            if (score % 50 === 0 && gameSpeed < 20) {
                gameSpeed++;
            }
            
            // Check if block passed the screen
            if (blockY > window.innerHeight) {
                blockX = Math.random() * (window.innerWidth - 50);
                blockY = -50;
            }
            
            // Repeat the game loop
            setTimeout(gameLoop, gameSpeed);
        }
        
        // Check for collision between player and block
        function isCollision() {
            let playerRect = player.getBoundingClientRect();
            let blockRect = block.getBoundingClientRect();
            
            return !(playerRect.right < blockRect.left || 
                     playerRect.left > blockRect.right || 
                     playerRect.bottom < blockRect.top || 
                     playerRect.top > blockRect.bottom);
        }
        
        // Game over
        function gameOver() {
            isGameOver = true;
            alert('Game Over! Your Score: ' + score);
        }
        
        // Start the game
        gameLoop();
    </script>
    
    <div id="player">🚀</div>
    <div id="block"></div>
</body>
</html>
```