Make a survival game.'s game

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

No:30340

←

Prev Next

→

Make a survival game.
Developer User14724｜Date and time 23/12/21 7:53:15
Build time 18.541 sec｜Game capacity 2.984KB｜

Script

Sure! Here's an example of a survival game implemented as a single HTML file using JavaScript and enclosed in script tags. The game can be played on a smartphone and uses pictograms to represent different elements. Please note that this is a basic example and can be expanded upon to create a more complete and enjoyable game.

This implementation creates a simple survival game where the player, represented by the 👧 icon, can navigate a 5x5 grid using arrow key inputs. The goal is to survive by avoiding dangers (⚠️) and finding resources such as food (🍎), water (💧), and shelter (🏠) on the grid. The game grid is displayed using the provided pictograms.

←

Prev　Next

→ 　

Back　

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

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

```html
<!DOCTYPE html>
<html>
<head>
  <title>Survival Game</title>
  <style>
    body {
      font-family: Arial, sans-serif;
    }
    #game {
      display: flex;
      flex-wrap: wrap;
      width: 250px;
    }
    .icon {
      width: 50px;
      height: 50px;
      border: 1px solid #000;
      display: flex;
      justify-content: center;
      align-items: center;
    }
  </style>
</head>
<body>
  <div id="game"></div>

// Define initial game state
    let playerX = 0;
    let playerY = 0;

// Create the game grid
    const gameContainer = document.getElementById('game');
    for (let i = 0; i < 25; i++) {
      const icon = document.createElement('div');
      icon.className = 'icon';
      gameContainer.appendChild(icon);
    }

// Function to update the game grid with the player's current position
    function updateGameGrid() {
      const icons = gameContainer.getElementsByClassName('icon');
      Array.from(icons).forEach((icon, index) => {
        icon.textContent = (playerX === Math.floor(index / 5) && playerY === index % 5) ? playerIcon : '';
      });
    }

// Function to handle player movement
    function movePlayer(direction) {
      switch(direction) {
        case 'up':
          playerX = Math.max(playerX - 1, 0);
          break;
        case 'down':
          playerX = Math.min(playerX + 1, 4);
          break;
        case 'left':
          playerY = Math.max(playerY - 1, 0);
          break;
        case 'right':
          playerY = Math.min(playerY + 1, 4);
          break;
      }

updateGameGrid();
    }

// Event listeners for player movement
    window.addEventListener('keydown', function(event) {
      event.preventDefault();
      if (event.key === 'ArrowUp') {
        movePlayer('up');
      } else if (event.key === 'ArrowDown') {
        movePlayer('down');
      } else if (event.key === 'ArrowLeft') {
        movePlayer('left');
      } else if (event.key === 'ArrowRight') {
        movePlayer('right');
      }
    });

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