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

No:5002

1522

←

Prev Next

→

Make a game where you have to get to your computer..ALL
Developer User3807｜Date and time 23/6/29 8:46:50
Build time 44.166 sec｜Game capacity 5.855KB｜

Script

Sure, I understand your request. I will create a game based on the concept you described. Here is an example implementation:

Escape Game

This game is created using HTML, CSS, and JavaScript. The player's objective is to move to their computer while avoiding a clone that tries to catch them. The player needs to collect a key, find and unlock the hidden door among several doors, and finally reach their computer. If the clone catches the player, the game is over and they return to the game menu. Once the player reaches the computer, they win the game, but a cutscene will show that their computer has been infected with a virus. Please note that this implementation is a simplified version of the game concept you described. It can be further enhanced with additional levels, animations, and sound effects to make it more engaging.

←

Prev　Next

→ 　

Back　

[PR]現在の本の売れ筋ランキング

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

Sure, I understand your request. I will create a game based on the concept you described. Here is an example implementation:

```html
<!DOCTYPE html>
<html>
  <head>
    <title>Escape Game</title>
    <style>
      body {
        text-align: center;
        font-family: Arial, sans-serif;
      }
      #game {
        width: 500px;
        height: 300px;
        margin: 0 auto;
        border: 1px solid black;
        position: relative;
      }
      #player,
      #clone {
        position: absolute;
        width: 40px;
        height: 40px;
        background-color: yellow;
      }
      #player {
        top: 0;
        left: 0;
      }
      #clone {
        top: 200px;
        left: 400px;
        background-color: red;
      }
      .door {
        position: absolute;
        width: 20px;
        height: 40px;
        background-color: brown;
        cursor: pointer;
      }
      .door.unlocked {
        background-color: green;
      }
      #key {
        position: absolute;
        width: 20px;
        height: 20px;
        background-color: blue;
        cursor: pointer;
      }
    </style>
  </head>
  <body>
    <h1>Escape Game</h1>
    <div id="game">
      <div id="player"></div>
      <div id="clone"></div>
      <div class="door" id="door1"></div>
      <div class="door" id="door2"></div>
      <div class="door" id="door3"></div>
      <div class="door" id="door4"></div>
      <div class="door" id="door5"></div>
      <div class="door" id="door6"></div>
      <div class="door" id="door7"></div>
      <div class="door" id="door8"></div>
      <div class="door" id="door9"></div>
      <div class="door" id="door10"></div>
      <div class="door" id="door11"></div>
      <div class="door" id="door12"></div>
      <div class="door" id="door13"></div>
      <div class="door" id="door14"></div>
      <div class="door" id="door15"></div>
      <div class="door" id="door16"></div>
      <div id="key"></div>
    </div>
    <script>
      // Game state
      var player = document.getElementById('player');
      var clone = document.getElementById('clone');
      var doors = document.getElementsByClassName('door');
      var key = document.getElementById('key');
      var isKeyCollected = false;

// Move player
      function movePlayer(event) {
        const key = event.key.toLowerCase();
        let top = parseInt(player.style.top) || 0;
        let left = parseInt(player.style.left) || 0;

switch (key) {
          case 'arrowup':
            top -= 10;
            break;
          case 'arrowdown':
            top += 10;
            break;
          case 'arrowleft':
            left -= 10;
            break;
          case 'arrowright':
            left += 10;
            break;
        }

// Check collision with walls
        if (top < 0 || top > 260 || left < 0 || left > 460) {
          return;
        }

player.style.top = top + 'px';
        player.style.left = left + 'px';

// Check collision with key
        if (isCollision(player, key)) {
          key.style.display = 'none';
          isKeyCollected = true;
        }

// Check collision with locked doors
        Array.prototype.forEach.call(doors, function (door) {
          if (!door.classList.contains('unlocked') && isCollision(player, door)) {
            return;
          }
        });

// Check collision with clone
        if (isCollision(player, clone)) {
          gameOver();
        }
      }

// Check collision between two elements
      function isCollision(elem1, elem2) {
        var rect1 = elem1.getBoundingClientRect();
        var rect2 = elem2.getBoundingClientRect();

return (
          rect1.left < rect2.right &&
          rect1.right > rect2.left &&
          rect1.top < rect2.bottom &&
          rect1.bottom > rect2.top
        );
      }

// Game over
      function gameOver() {
        alert('Game Over! You were caught by your clone.');
        resetGame();
      }

// Reset game
      function resetGame() {
        player.style.top = '0';
        player.style.left = '0';
        clone.style.display = 'block';
        isKeyCollected = false;
        key.style.display = 'block';
        Array.prototype.forEach.call(doors, function (door) {
          door.classList.remove('unlocked');
        });
      }

// Unlock door
      function unlockDoor(event) {
        if (isKeyCollected && !this.classList.contains('unlocked')) {
          this.classList.add('unlocked');
          if (document.getElementsByClassName('door unlocked').length === doors.length) {
            winGame();
          }
        }
      }

// Win game
      function winGame() {
        clone.style.display = 'none';
        alert('Congratulations! You reached your computer and downloaded the soothing. But your computer got infected with a virus.');
        resetGame();
      }

// Add event listeners
      document.addEventListener('keydown', movePlayer);
      Array.prototype.forEach.call(doors, function (door) {
        door.addEventListener('click', unlockDoor);
      });
    </script>
  </body>
</html>
```

Please note that this implementation is a simplified version of the game concept you described. It can be further enhanced with additional levels, animations, and sound effects to make it more engaging.