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

No:16030

111

←

Prev Next

→

A game about a stick man who tries to save the wor..ALL
Developer User7085｜Date and time 23/9/15 9:18:33
Build time 36.088 sec｜Game capacity 4.233KB｜

Script

Sure! Here's a simple game implemented as a single HTML file, using JavaScript and enclosed in script tags. This game is designed to be played on a smartphone and features pictograms for a stick man trying to save the world, while big bad bosses try to stop him.

Stick Man Savior

To use this game, save the HTML code in a file (e.g., `stickman_game.html`). Make sure to include the pictogram images (`emozi_all/game.png` and `emozi_all/boss.png`) within the same directory as the HTML file. Then, simply open the HTML file on your smartphone using any web browser. The game allows the player to control the stick man using arrow keys. The objective is to avoid colliding with the big bad bosses. If a collision occurs, a Game Over message pops up, and the game restarts when dismissed.

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋アプリランキング

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

```html
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Stick Man Savior</title>
    <style>
        body {
            font-family: Arial, sans-serif;
            text-align: center;
        }
        
        #container {
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            height: 100vh;
        }
    </style>
</head>
<body>
   <div id="container">
       <h1>Stick Man Savior</h1>
       <canvas id="gameCanvas" width="400" height="300"></canvas>
   </div>

// Pictograms
       var stickManImage = new Image();
       stickManImage.src = "stickman.png";

var bossImage = new Image();
       bossImage.src = "boss.png";

// Game initialization
       function init() {
           canvas = document.getElementById("gameCanvas");
           ctx = canvas.getContext("2d");

stickManX = canvas.width / 2;
           stickManY = canvas.height / 2;

createBosses();

document.addEventListener("keydown", handleKeyDown);

gameInterval = setInterval(update, 20);
       }

// Create bosses
       function createBosses() {
           for (var i = 0; i < 3; i++) {
               var boss = {
                   x: Math.random() * (canvas.width - 50),
                   y: Math.random() * (canvas.height - 50)
               };
               bosses.push(boss);
           }
       }

// Update game state
       function update() {
           ctx.clearRect(0, 0, canvas.width, canvas.height);

drawStickMan();
           drawBosses();

checkCollision();
       }

// Draw stick man
       function drawStickMan() {
           ctx.drawImage(stickManImage, stickManX, stickManY, 50, 50);
       }

// Draw bosses
       function drawBosses() {
           for (var i = 0; i < bosses.length; i++) {
               ctx.drawImage(bossImage, bosses[i].x, bosses[i].y, 50, 50);
           }
       }

// Handle key down events
       function handleKeyDown(e) {
           var movementAmount = 10;

switch (e.key) {
               case "ArrowUp":
                   stickManY -= movementAmount;
                   break;
               case "ArrowDown":
                   stickManY += movementAmount;
                   break;
               case "ArrowLeft":
                   stickManX -= movementAmount;
                   break;
               case "ArrowRight":
                   stickManX += movementAmount;
                   break;
           }
       }

// Check collision between stick man and bosses
       function checkCollision() {
           for (var i = 0; i < bosses.length; i++) {
               if (
                   stickManX < bosses[i].x + 50 &&
                   stickManX + 50 > bosses[i].x &&
                   stickManY < bosses[i].y + 50 &&
                   stickManY + 50 > bosses[i].y
               ) {
                   clearInterval(gameInterval);
                   alert("Game Over! Big bad boss caught you.");
                   location.reload();
               }
           }
       }

// Start the game
       init();
   </script>
</body>
</html>
```

To use this game, save the HTML code in a file (e.g., `stickman_game.html`). Make sure to include the pictogram images (`stickman.png` and `boss.png`) within the same directory as the HTML file. Then, simply open the HTML file on your smartphone using any web browser.

The game allows the player to control the stick man using arrow keys. The objective is to avoid colliding with the big bad bosses. If a collision occurs, a Game Over message pops up, and the game restarts when dismissed.