A sandbox game with portal gun features were you can place 2 portals to travel between them wasd to move and space to place a portal's game

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

No:13195

←

Prev Next

→

A sandbox game with portal gun features were you c..ALL
Developer unknown｜Date and time 23/8/27 7:33:35
Build time 14.12 sec｜Game capacity 2.918KB｜

Script

Sure! Here's an example of a simple game that meets your requirements. This game allows players to move using the WASD keys and place portals using the spacebar. It uses pictograms for the visuals and JavaScript for the game logic. The portals will teleport the player between them. To play the game, copy the code below and save it as a single HTML file. Then, open the file in a web browser on your smartphone.

Once you have saved the code and opened it in a web browser on your smartphone, you can control the player character using the WASD keys. Press the spacebar to place a portal at the player's current location. You can then move around and teleport between the two portals by walking into them. Have fun playing!

←

Prev　Next

→ 　

Back　

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

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

To play the game, copy the code below and save it as a single HTML file. Then, open the file in a web browser on your smartphone.

```html
<!DOCTYPE html>
<html>
<head>
  <style>
    body {
      margin: 0;
      padding: 0;
      overflow: hidden;
    }
    
    #player {
      position: absolute;
      top: 50%;
      left: 50%;
      width: 50px;
      height: 50px;
      transform: translate(-50%, -50%);
      background-image: url('https://image.flaticon.com/icons/svg/1159/1159632.svg');
      background-repeat: no-repeat;
      background-size: contain;
    }
    
    #portal1 {
      position: absolute;
      top: -100px;
      left: -100px;
      width: 50px;
      height: 50px;
      background-image: url('https://image.flaticon.com/icons/svg/633/633777.svg');
      background-repeat: no-repeat;
      background-size: contain;
    }
    
    #portal2 {
      position: absolute;
      top: -100px;
      left: -100px;
      width: 50px;
      height: 50px;
      background-image: url('https://image.flaticon.com/icons/svg/633/633777.svg');
      background-repeat: no-repeat;
      background-size: contain;
    }
  </style>
</head>
<body>
  <div id="player"></div>
  <div id="portal1"></div>
  <div id="portal2"></div>

window.addEventListener('keydown', function (event) {
      var key = event.key.toLowerCase();
      var playerStyle = window.getComputedStyle(player);
      var playerTop = parseInt(playerStyle.top, 10);
      var playerLeft = parseInt(playerStyle.left, 10);

if (key === 'w') {
        playerTop -= 10;
      } else if (key === 'a') {
        playerLeft -= 10;
      } else if (key === 's') {
        playerTop += 10;
      } else if (key === 'd') {
        playerLeft += 10;
      } else if (key === ' ') {
        portals[currentPortal].style.top = playerTop + 'px';
        portals[currentPortal].style.left = playerLeft + 'px';
        currentPortal = (currentPortal + 1) % portals.length;
      }

player.style.top = playerTop + 'px';
      player.style.left = playerLeft + 'px';
    });
  </script>
</body>
</html>
```