A horror game called asylum where you play as a doctor of the asylum the doctor must escape the asylum but there is a crazy man with a gun the game mechanics are the enemy is red and the doctor is blue you must dodge the crazy man's bullets and the end is a yellow door but it needs a key and if the bullets touch you or the enemy touches you it is game over's game

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

No:11610

161

←

Prev Next

→

A horror game called asylum where you play as a do..ALL
Developer User4920｜Date and time 23/8/11 8:29:30
Build time 37.241 sec｜Game capacity 5.143KB｜

Script

Sure, here's an implementation of the game "Asylum" using HTML, CSS, and JavaScript:

Game Over

You can save the above code in a single HTML file and open it in a web browser to play the game. Use the arrow keys to move the blue doctor and press the space key to shoot bullets. Avoid the red enemy and their bullets. Collect the yellow key to win the game. If the enemy or their bullets touch you, it's game over. Good luck!

←

Prev　Next

→ 　

Back　

[PR]現在のゲームギフトランキング

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

Sure, here's an implementation of the game "Asylum" using HTML, CSS, and JavaScript:

```html
<!DOCTYPE html>
<html>
<head>
  <title>Asylum Game</title>
  <style>
    #game-area {
      width: 400px;
      height: 400px;
      border: 1px solid black;
      position: relative;
      margin: 0 auto;
    }
    #player {
      width: 20px;
      height: 20px;
      background-color: blue;
      position: absolute;
      top: 190px;
      left: 190px;
    }
    #enemy {
      width: 20px;
      height: 20px;
      background-color: red;
      position: absolute;
      top: 0;
      left: 0;
    }
    #key {
      width: 20px;
      height: 20px;
      background-color: yellow;
      position: absolute;
      top: 180px;
      left: 380px;
    }
    #bullet {
      width: 10px;
      height: 10px;
      background-color: black;
      position: absolute;
      display: none;
    }
    #game-over {
      display: none;
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      font-size: 24px;
      color: red;
      text-align: center;
    }
  </style>
</head>
<body>
  <div id="game-area">
    <div id="player"></div>
    <div id="enemy"></div>
    <div id="key"></div>
  </div>
  <div id="game-over">Game Over</div>

// Function to check collision
    function checkCollision(element1, element2) {
      var rect1 = element1.getBoundingClientRect();
      var rect2 = element2.getBoundingClientRect();
      return !(rect1.right < rect2.left || 
               rect1.left > rect2.right || 
               rect1.bottom < rect2.top || 
               rect1.top > rect2.bottom);
    }

// Function to move the player
    function movePlayer(e) {
      if (!isGameOver) {
        switch (e.keyCode) {
          case 37: // Left arrow key
            if (playerPosX > 0) {
              playerPosX -= 10;
            }
            break;
          case 38: // Up arrow key
            if (playerPosY > 0) {
              playerPosY -= 10;
            }
            break;
          case 39: // Right arrow key
            if (playerPosX < 380) {
              playerPosX += 10;
            }
            break;
          case 40: // Down arrow key
            if (playerPosY < 380) {
              playerPosY += 10;
            }
            break;
        }
        player.style.left = playerPosX + 'px';
        player.style.top = playerPosY + 'px';

// Check collision with key
        if (checkCollision(player, key)) {
          gameArea.removeChild(key);
          alert("Congratulations! You found the key. Now find the yellow door to escape!");
        }
      }
    }

// Function to move the enemy and the bullet
    function moveEnemy() {
      enemyPosX += 10;
      enemyPosY += 10;
      enemy.style.left = enemyPosX + 'px';
      enemy.style.top = enemyPosY + 'px';

// Check collision with player
      if (checkCollision(player, enemy)) {
        gameOver.style.display = 'block';
        isGameOver = true;
        return;
      }

// Check collision with bullet
      if (checkCollision(bullet, enemy)) {
        gameArea.removeChild(bullet);
        gameOver.style.display = 'block';
        isGameOver = true;
        return;
      }

// Check bullet boundary
      if (bulletPosX > 400 || bulletPosY > 400) {
        gameArea.removeChild(bullet);
        return;
      }

bulletPosX += 10;
      bulletPosY += 10;
      bullet.style.left = bulletPosX + 'px';
      bullet.style.top = bulletPosY + 'px';

// Recursive call to keep moving the enemy and bullet
      setTimeout(moveEnemy, 500);
    }

// Function to shoot bullet
    function shootBullet() {
      if (!isGameOver) {
        bulletPosX = playerPosX;
        bulletPosY = playerPosY;
        bullet.style.left = bulletPosX + 'px';
        bullet.style.top = bulletPosY + 'px';
        bullet.style.display = 'block';

moveEnemy();
      }
    }

// Event listener for arrow keys
    document.addEventListener("keydown", movePlayer);

// Event listener for space key to shoot bullet
    document.addEventListener("keydown", function(e) {
      if (e.keyCode === 32) {
        shootBullet();
      }
    });
  </script>
</body>
</html>
```