A game that is puzzle based wich includes metal boxes to put on floor buttons to open doors that lead to other test chambers. Some of the puzzles include items like lazer bariers that k○ll you, walls that fizzel items and removes them exept the player or bounce pads that make you jump in difrent directions. Also includes deadly goo pools and boxes that try to get away from you. The walls are made out of white pannels the ceiling and floor are made out of metal panels. The character is a robot.'s game

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

No:40246

←

Prev Next

→

A game that is puzzle based wich includes metal bo..ALL
Developer User18042｜Date and time 24/2/2 2:22:51
Build time 31.688 sec｜Game capacity 7.149KB｜

Script

←

Prev　Next

→ 　

Back　

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

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

<html>
<head>
  <style>
    body {
      margin: 0;
      padding: 0;
      overflow: hidden;
    }
    #game-container {
      width: 100vw;
      height: 100vh;
      display: flex;
      align-items: center;
      justify-content: center;
      background-color: #000;
    }
    #game {
      position: relative;
      width: 800px;
      height: 600px;
      background-color: #FFF;
      border: 2px solid #000;
    }
    .box {
      position: absolute;
      width: 40px;
      height: 40px;
      background-color: #999;
      border: 1px solid #000;
    }
    .player {
      position: absolute;
      width: 40px;
      height: 80px;
      background-color: #FF0000;
      border: 1px solid #000;
    }
    .button {
      position: absolute;
      width: 30px;
      height: 30px;
      background-color: #FFD700;
      border: 1px solid #000;
    }
    .door {
      position: absolute;
      width: 80px;
      height: 10px;
      background-color: #000;
    }
    .laser {
      position: absolute;
      width: 80px;
      height: 5px;
      background-color: #FF0000;
    }
    .goopool {
      position: absolute;
      width: 200px;
      height: 50px;
      background-color: #00FFFF;
    }
    .bouncepad {
      position: absolute;
      width: 40px;
      height: 40px;
      background-color: #00FF00;
      border: 1px solid #000;
    }
  </style>
</head>
<body>
  <div id="game-container">
    <div id="game"></div>
  </div>
  
  <script>
    // Game data
    var boxes = [
      { left: 200, top: 100 },
      { left: 400, top: 300 },
      { left: 600, top: 500 }
    ];
    var buttons = [
      { left: 200, top: 400 },
      { left: 600, top: 200 }
    ];
    var doors = [
      { left: 100, top: 150 },
      { left: 500, top: 450 }
    ];
    var lasers = [
      { left: 350, top: 50 },
      { left: 350, top: 550 }
    ];
    var goopools = [
      { left: 100, top: 350 },
      { left: 500, top: 150 }
    ];
    var bouncepads = [
      { left: 300, top: 200 }
    ];
    var player = { left: 50, top: 50 };
    
    // Update game state
    function updateGameState() {
      // collision detection
      for (var i = 0; i < buttons.length; i++) {
        var button = buttons[i];
        var door = doors[i];
        
        if (player.left === button.left && player.top === button.top) {
          door.style.display = 'none'; // open the door
        }
      }
      
      for (var i = 0; i < lasers.length; i++) {
        var laser = lasers[i];
        
        if (isColliding(player, laser)) {
          // Reset player position
          player.left = 50;
          player.top = 50;
          alert("You've been killed by the laser barrier!");
        }
      }
      
      for (var i = 0; i < goopools.length; i++) {
        var goopool = goopools[i];
        
        if (isColliding(player, goopool)) {
          // Reset player position
          player.left = 50;
          player.top = 50;
          alert("You fell into a deadly goo pool!");
        }
      }
      
      for (var i = 0; i < boxes.length; i++) {
        var box = boxes[i];
        
        if (isColliding(player, box)) {
          // Try to prevent box from escaping
          box.left -= (player.left - box.left) / 4;
          box.top -= (player.top - box.top) / 4;
        }
      }
    }
    
    // Check collision between two objects
    function isColliding(obj1, obj2) {
      return (
        obj1.left < obj2.left + obj2.width &&
        obj1.left + obj1.width > obj2.left &&
        obj1.top < obj2.top + obj2.height &&
        obj1.top + obj1.height > obj2.top
      );
    }
    
    // Keyboard input handling
    document.addEventListener("keydown", function(event) {
      var speed = 10;
      
      switch(event.keyCode) {
        case 37: // left arrow
          player.left -= speed;
          break;
        case 38: // up arrow
          player.top -= speed;
          break;
        case 39: // right arrow
          player.left += speed;
          break;
        case 40: // down arrow
          player.top += speed;
          break;
      }
      
      updateGameState();
    });
    
    // Render the game
    function renderGame() {
      var gameElement = document.getElementById('game');
      
      // Reset game element
      while (gameElement.firstChild) {
        gameElement.removeChild(gameElement.firstChild);
      }
      
      // Render boxes
      boxes.forEach(function(box) {
        var boxElement = document.createElement('div');
        boxElement.className = 'box';
        boxElement.style.left = box.left + 'px';
        boxElement.style.top = box.top + 'px';
        gameElement.appendChild(boxElement);
      });
      
      // Render buttons
      buttons.forEach(function(button) {
        var buttonElement = document.createElement('div');
        buttonElement.className = 'button';
        buttonElement.style.left = button.left + 'px';
        buttonElement.style.top = button.top + 'px';
        gameElement.appendChild(buttonElement);
      });
            
      // Render doors
      doors.forEach(function(door) {
        var doorElement = document.createElement('div');
        doorElement.className = 'door';
        doorElement.style.left = door.left + 'px';
        doorElement.style.top = door.top + 'px';
        gameElement.appendChild(doorElement);
      });
      
      // Render lasers
      lasers.forEach(function(laser) {
        var laserElement = document.createElement('div');
        laserElement.className = 'laser';
        laserElement.style.left = laser.left + 'px';
        laserElement.style.top = laser.top + 'px';
        gameElement.appendChild(laserElement);
      });
      
      // Render goopools
      goopools.forEach(function(goopool) {
        var goopoolElement = document.createElement('div');
        goopoolElement.className = 'goopool';
        goopoolElement.style.left = goopool.left + 'px';
        goopoolElement.style.top = goopool.top + 'px';
        gameElement.appendChild(goopoolElement);
      });
      
      // Render bounce pads
      bouncepads.forEach(function(bouncepad) {
        var bouncepadElement = document.createElement('div');
        bouncepadElement.className = 'bouncepad';
        bouncepadElement.style.left = bouncepad.left + 'px';
        bouncepadElement.style.top = bouncepad.top + 'px';
        gameElement.appendChild(bouncepadElement);
      });
      
      // Render player
      var playerElement = document.createElement('div');
      playerElement.className = 'player';
      playerElement.style.left = player.left + 'px';
      playerElement.style.top = player.top + 'px';
      gameElement.appendChild(playerElement);
    }
    
    // Game loop
    function gameLoop() {
      renderGame();
      requestAnimationFrame(gameLoop);
    }
    
    // Start the game
    gameLoop();
  </script>
</body>
</html>