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

No:38808

Emoji red stickman"🔴" drag to move the Stickman ..ALL
Developer User17401｜Date and time 24/1/25 21:10:20
Build time 25.845 sec｜Game capacity 4.436KB｜

Script

Sure! Here's a simple game implemented as a single HTML file, enclosed in script tags, using JavaScript. The game involves dragging a red stickman "🔴" to avoid getting hit by red lasers "❣". Every 10 rounds, the lasers move around and the difficulty increases. You can play the game by running the HTML file in your smartphone's browser.

Stickman Game

🔴

Score: 0

To play the game: 1. Copy the code above and save it in a file with a ".html" extension, for example, "stickman_game.html". 2. Transfer the file to your smartphone. 3. Open the file in your smartphone's browser. 4. You should see the game interface with the stickman and the score display. 5. Drag the stickman (🔴) around the screen to avoid the red lasers (❣). 6. Each time you successfully dodge a laser, your score increases by one. 7. If the stickman collides with a laser, the game ends, and an alert message will display your final score. 8. You can reload the page to start a new game.

←

Prev　Next

→ 　

Back　

[PR]現在の欲しいゲームランキング

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

```html
<!DOCTYPE html>
<html>
  <head>
    <title>Stickman Game</title>
    <style>
      #stickman {
        font-size: 50px;
        cursor: pointer;
      }
      #lasers {
        position: absolute;
        top: 0;
        left: 0;
        width: 100vw;
        height: 100vh;
        overflow: hidden;
        pointer-events: none;
      }
      #lasers .laser {
        position: absolute;
        font-size: 30px;
        color: red;
        animation: move-laser 4s infinite;
      }
      @keyframes move-laser {
        0% {
          left: 0;
        }
        100% {
          left: 100vw;
        }
      }
      #score {
        margin-top: 10px;
        font-size: 20px;
      }
    </style>
  </head>
  <body>
    <h1>Stickman Game</h1>
    <div id="stickman" draggable="true">🔴</div>
    <div id="lasers"></div>
    <div id="score">Score: 0</div>

// Initialize game variables
      var score = 0;
      var round = 0;
      var stickmanSize = 50;
      var laserSpeed = 4;
      var lasers = [];

// Function to update the score
      function updateScore(newScore) {
        score = newScore;
        document.getElementById("score").textContent = "Score: " + score;
      }

// Function to create a new laser
      function createLaser() {
        // Calculate a random Y position for the laser
        var laserY = Math.floor(Math.random() * (window.innerHeight - maxLaserSize));
        var laser = document.createElement("div");
        laser.textContent = "❣";
        laser.className = "laser";
        laser.style.top = laserY + "px";
        laser.style.fontSize = initialLaserSize + "px";
        laser.style.animationDuration = laserSpeed + "s";
        document.getElementById("lasers").appendChild(laser);
        return laser;
      }

// Function to handle the drag event on the stickman
      function handleDrag(event) {
        // Update the stickman's position based on the drag event
        var newX = event.clientX - stickmanSize / 2;
        var newY = event.clientY - stickmanSize / 2;
        document.getElementById("stickman").style.left = newX + "px";
        document.getElementById("stickman").style.top = newY + "px";
      }

// Function to handle the stickman getting hit by a laser
      function handleHit() {
        alert("Game over! Your score was: " + score);
        location.reload(); // Restart the game
      }

// Function to start a new round
      function startRound() {
        round++;
        if (round % roundsToIncreaseDifficulty === 0) {
          stickmanSize += stickmanSizeIncrease;
          laserSpeed += laserSpeedIncrease;
        }
        updateScore(score + 1);
        var laser = createLaser();
        laser.addEventListener("animationend", handleHit);
      }

// Initialize the game
      function initGame() {
        // Add event listeners for stickman drag
        document.getElementById("stickman").addEventListener("drag", handleDrag);

// Start the initial round
        startRound();

// Start subsequent rounds every 4 seconds
        setInterval(startRound, 4000);
      }

// Start the game when the page is fully loaded
      window.addEventListener("load", initGame);
    </script>
  </body>
</html>
```

To play the game:
1. Copy the code above and save it in a file with a ".html" extension, for example, "stickman_game.html".
2. Transfer the file to your smartphone.
3. Open the file in your smartphone's browser.
4. You should see the game interface with the stickman and the score display.
5. Drag the stickman (🔴) around the screen to avoid the red lasers (❣).
6. Each time you successfully dodge a laser, your score increases by one.
7. If the stickman collides with a laser, the game ends, and an alert message will display your final score.
8. You can reload the page to start a new game.