Make a game like Roblox doors's game

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

No:35922

133

←

Prev Next

→

Make a game like Roblox doors
Developer User16627｜Date and time 24/1/16 3:42:46
Build time 12.673 sec｜Game capacity 2.477KB｜

Script

Sure! Here's an example of a simple game using JavaScript that resembles a game with doors like in Roblox:

In this game, you'll find three doors represented as clickable div elements. When you click on a door, it will open if it hasn't been opened yet. Each door has an associated door icon, which you can replace with relevant pictograms. Keep in mind that the URLs for the door icons should be replaced in the `img` tags. Additionally, you can modify the styles according to your preference. Remember to save this code as an HTML file (e.g., `game.html`) and open it in a web browser to play the game.

←

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 using JavaScript that resembles a game with doors like in Roblox:

```html
<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <style>
    body {
      font-family: Arial, sans-serif;
      text-align: center;
      padding-top: 150px;
      background-color: #f2f2f2;
    }

.door {
      width: 150px;
      height: 200px;
      display: inline-block;
      margin: 10px;
      background-color: #fff;
      border-radius: 10px;
      box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1), 0 1px 3px rgba(0, 0, 0, 0.1);
      cursor: pointer;
      transition: transform 0.3s;
    }

.door:hover {
      transform: scale(1.05);
    }

.message {
      font-size: 24px;
      margin-top: 20px;
    }
  </style>
</head>
<body>
  <div class="door" onclick="openDoor(1)">
    <img src="https://example.com/door-icon-1.png" alt="Door 1">
  </div>
  <div class="door" onclick="openDoor(2)">
    <img src="https://example.com/door-icon-2.png" alt="Door 2">
  </div>
  <div class="door" onclick="openDoor(3)">
    <img src="https://example.com/door-icon-3.png" alt="Door 3">
  </div>
  <div class="message" id="message"></div>

function openDoor(door) {
      if (doorStatus[door - 1]) {
        document.getElementById('message').textContent = 'The door is already open!';
      } else {
        doorStatus[door - 1] = true;
        document.getElementById('message').textContent = 'You opened Door ' + door + '!';
        document.querySelector('.door:nth-child(' + door + ')').classList.add('open');

// Check if all doors are open
        if (doorStatus.every(function (status) { return status; })) {
          setTimeout(function () {
            document.getElementById('message').textContent = 'Congratulations! You opened all the doors!';
          }, 1000);
        }
      }
    }
  </script>
</body>
</html>
```

Keep in mind that the URLs for the door icons should be replaced in the `img` tags. Additionally, you can modify the styles according to your preference.

Remember to save this code as an HTML file (e.g., `game.html`) and open it in a web browser to play the game.