Emoji red stickman"🔴" move the Stickman with up down left right "❣" it has red lazers to avoid it gets harder bigger every time there's 10 rounds the lazers move around's game

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

No:38810

←

Prev Next

→

Emoji red stickman"🔴" move the Stickman with up do..ALL
Developer User17401｜Date and time 24/1/25 21:14:21
Build time 23.9 sec｜Game capacity 4.636KB｜

Script

Sure! Here's an example of a simple game using JavaScript where you can control a stickman emoji using arrow keys on a smartphone. The stickman should avoid getting hit by red laser emojis that move around the screen. The game gets progressively harder as you complete 10 rounds, with the lasers getting bigger and moving faster.

🔴

❣️

You can copy and paste the above code into a single HTML file and open it using a web browser on your smartphone to play the game. Use the arrow keys to move the stickman (represented by the red stickman emoji) and try to avoid getting hit by the red laser emojis (represented by the heart emoji). The game will get progressively harder after each round of 10, with the lasers getting bigger and moving faster. Good luck and have fun!

←

Prev　Next

→ 　

Back　

[PR]現在の新着人気ランキング

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

```html
<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>Stickman Dodge Game</title>
    <style>
        #stickman {
            font-size: 3rem;
        }

#lasers {
            position: absolute;
            top: 0;
            left: 0;
        }
    </style>
</head>
<body>
    <script>
        // Global Variables
        let stickmanPosition = { x: 0, y: 0 };
        let laserPosition = { x: 0, y: 0 };
        let roundCount = 0;
        let laserSize = 1;
        let laserSpeed = 3;

// Function to update the stickman's position on the screen
        function updateStickmanPosition() {
            document.getElementById('stickman').style.transform = `translate(${stickmanPosition.x}px, ${stickmanPosition.y}px)`;
        }

// Function to update the laser's position on the screen
        function updateLaserPosition() {
            document.getElementById('lasers').style.transform = `translate(${laserPosition.x}px, ${laserPosition.y}px)`;
        }

// Function to check if the stickman got hit by the laser
        function checkCollision() {
            const stickmanRect = document.getElementById('stickman').getBoundingClientRect();
            const laserRect = document.getElementById('lasers').getBoundingClientRect();

if (
                stickmanRect.left < laserRect.right &&
                stickmanRect.right > laserRect.left &&
                stickmanRect.top < laserRect.bottom &&
                stickmanRect.bottom > laserRect.top
            ) {
                // Collision occurred - Game Over!
                alert('Game Over!');
                resetGame();
            }
        }

// Function to reset the game state
        function resetGame() {
            stickmanPosition = { x: 0, y: 0 };
            laserPosition = { x: 0, y: 0 };
            roundCount = 0;
            laserSize = 1;
            laserSpeed = 3;

updateStickmanPosition();
            updateLaserPosition();
        }

// Function to start a new round
        function startRound() {
            roundCount++;
            alert(`Round ${roundCount}!`);

// Increase laser size and speed every 10 rounds
            if (roundCount % 10 === 0) {
                laserSize++;
                laserSpeed++;
            }

// Set random positions for the laser
            const containerWidth = document.documentElement.clientWidth;
            const containerHeight = document.documentElement.clientHeight;

laserPosition.x = Math.floor(Math.random() * (containerWidth - 50));
            laserPosition.y = Math.floor(Math.random() * (containerHeight - 50));

updateLaserPosition();
        }

// Function to handle key presses
        function handleKeyDown(event) {
            const key = event.key;

switch (key) {
                case 'ArrowUp':
                    stickmanPosition.y -= 10;
                    break;
                case 'ArrowDown':
                    stickmanPosition.y += 10;
                    break;
                case 'ArrowLeft':
                    stickmanPosition.x -= 10;
                    break;
                case 'ArrowRight':
                    stickmanPosition.x += 10;
                    break;
            }

updateStickmanPosition();
            checkCollision();
        }

// Entry point - Game Initialization
        document.addEventListener('DOMContentLoaded', function(event) {
            updateStickmanPosition(); // Initial position
            startRound(); // Start the first round

// Event listener for key presses
            document.addEventListener('keydown', handleKeyDown);
        });
    </script>

<div id="stickman">🔴</div>
    <div id="lasers">❣️</div>
</body>
</html>
```