Move a caricter around and run away from person clime up walls and slide under trees's game

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

No:13361

126

←

Prev Next

→

Move a caricter around and run away from person cl..ALL
Developer User5872｜Date and time 23/8/28 3:36:54
Build time 12.346 sec｜Game capacity 3.182KB｜

Script

Sure! Here's a simple example of a game implemented using JavaScript in a single HTML file. In this game, you will control a character using the arrow keys on your smartphone to navigate through the environment, avoiding obstacles such as people, walls, and trees.

Please note that this is a basic example and does not include all the game functionality you mentioned, such as climbing walls and sliding under trees. You can customize and extend the code to add those features according to your game design.

←

Prev　Next

→ 　

Back　

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

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

```html
<!DOCTYPE html>
<html>
<head>
  <title>Escape Game</title>
  <style>
    #game-container {
      position: relative;
      width: 400px; /* Adjust the width to fit your screen */
      height: 600px; /* Adjust the height to fit your screen */
      border: 1px solid black;
    }
    
    .character {
      position: absolute;
      top: 50%;
      left: 50%;
      height: 50px;
      width: 50px;
      background-color: blue; /* Change the color to a pictogram if available */
    }
    
    .obstacle {
      position: absolute;
      height: 50px;
      width: 50px;
      background-color: red; /* Change the color to a pictogram if available */
    }
  </style>
</head>
<body>
  <div id="game-container">
    <div id="character" class="character"></div>
    
  </div>

// Constants
      var CHARACTER_SIZE = 50;
      var CONTAINER_WIDTH = container.offsetWidth;
      var CONTAINER_HEIGHT = container.offsetHeight;

// Initial character position
      var characterX = CONTAINER_WIDTH / 2 - CHARACTER_SIZE / 2;
      var characterY = CONTAINER_HEIGHT / 2 - CHARACTER_SIZE / 2;
      
      // Set character initial position
      character.style.left = characterX + 'px';
      character.style.top = characterY + 'px';

// Function to handle keyboard inputs
      function handleKeyDown(event) {
        var key = event.key;

// Move character based on arrow key pressed
        switch (key) {
          case 'ArrowUp':
            characterY -= 10;
            break;
          case 'ArrowDown':
            characterY += 10;
            break;
          case 'ArrowLeft':
            characterX -= 10;
            break;
          case 'ArrowRight':
            characterX += 10;
            break;
        }

// Prevent character from going outside the container
        if (characterX < 0) characterX = 0;
        if (characterY < 0) characterY = 0;
        if (characterX > CONTAINER_WIDTH - CHARACTER_SIZE) characterX = CONTAINER_WIDTH - CHARACTER_SIZE;
        if (characterY > CONTAINER_HEIGHT - CHARACTER_SIZE) characterY = CONTAINER_HEIGHT - CHARACTER_SIZE;

// Update character position
        character.style.left = characterX + 'px';
        character.style.top = characterY + 'px';
      }

// Event listener to handle keydown events
      document.addEventListener('keydown', handleKeyDown);
    });
  </script>
</body>
</html>
```