AI game creator

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

No:15329

←

Prev Next

→

Among us
Developer User6472｜Date and time 23/9/8 22:06:34
Build time 22.253 sec｜Game capacity 2.717KB｜

Script

Sure! Here's an example of a simple game inspired by Among Us, implemented as a single HTML file using JavaScript:

This example creates a game area represented by a div with an id of "game-area". Players (crewmates) are represented by dynamically created div elements with a class "player" and a background image of a crewmate pictogram. The player element can be moved around the game area using arrow keys. Please note that you need to replace the `url('emozi_cat.png')` with the actual path to your crewmate pictogram image file. Additionally, this is a very basic example and can be extended and improved in many ways depending on your specific game requirements.

←

Prev　Next

→ 　

Back　

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

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

Sure! Here's an example of a simple game inspired by Among Us, implemented as a single HTML file using JavaScript:

```html
<!DOCTYPE html>
<html>
<head>
  <title>Among Us Game</title>
  <style>
    #game-area {
      width: 320px;
      height: 480px;
      border: 1px solid black;
      position: relative;
      overflow: hidden;
    }

.player {
      position: absolute;
      width: 50px;
      height: 50px;
      background-image: url('crewmate.png'); /* Replace with your pictograms */
      background-size: cover;
      pointer-events: none;
    }
  </style>
</head>
<body>
  <div id="game-area">
    
  </div>

// Function to create a new player element
    function createPlayer() {
      const player = document.createElement('div');
      player.className = 'player';
      return player;
    }

// Function to move a player based on user input
    function movePlayer(event) {
      const player = event.target;
      const { top, left } = player.getBoundingClientRect(); // Current position
      const { keyCode } = event;
      const newPosition = {};

if (keyCode === 37) { // Left arrow
        newPosition.left = left - playerSpeed;
      } else if (keyCode === 38) { // Up arrow
        newPosition.top = top - playerSpeed;
      } else if (keyCode === 39) { // Right arrow
        newPosition.left = left + playerSpeed;
      } else if (keyCode === 40) { // Down arrow
        newPosition.top = top + playerSpeed;
      }

player.style.top = `${newPosition.top}px`;
      player.style.left = `${newPosition.left}px`;
    }

// Add players to the game area
    for (let i = 0; i < MAX_PLAYERS; i++) {
      const player = createPlayer();
      player.style.top = `${Math.random() * 400}px`;
      player.style.left = `${Math.random() * 270}px`;
      document.getElementById('game-area').appendChild(player);
    }

// Listen for arrow key presses to move the player
    document.addEventListener('keydown', movePlayer);
  </script>
</body>
</html>
```

Please note that you need to replace the `url('crewmate.png')` with the actual path to your crewmate pictogram image file. Additionally, this is a very basic example and can be extended and improved in many ways depending on your specific game requirements.