AI game creator

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

No:18953

←

Prev Next

→

Roblox obby
Developer User8295｜Date and time 23/10/1 5:57:06
Build time 11.499 sec｜Game capacity 3.967KB｜

Script

Sure! Here is a simple example of an HTML game implemented with JavaScript using pictograms for a Roblox obby-style game:

In this example, the game includes a player, obstacles, and a finish line. The player can be controlled by dragging it using touch events on a smartphone. The player's position is constantly checked for collisions with obstacles and the finish line. If a collision occurs with an obstacle, the player's position is reset to the starting point. If the player reaches the finish line, a congratulatory message is displayed. Please note that for the game to work properly, you would need to replace the `emozi_all/game.png`, `emozi_dog.png`, and `emozi_himawari.png` image URLs with the relevant pictogram images.

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋アプリランキング

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

Sure! Here is a simple example of an HTML game implemented with JavaScript using pictograms for a Roblox obby-style game:

```html
<!DOCTYPE html>
<html>
<head>
  <title>Roblox Obby Game</title>
  <style>
    body {
      margin: 0;
      overflow: hidden;
    }
    #player {
      position: absolute;
      top: 0;
      left: 0;
      width: 50px;
      height: 50px;
      background-image: url('player.png');
      background-size: cover;
    }
    .obstacle {
      position: absolute;
      width: 50px;
      height: 50px;
      background-image: url('obstacle.png');
      background-size: cover;
    }
    #finish {
      position: absolute;
      width: 50px;
      height: 50px;
      background-image: url('finish.png');
      background-size: cover;
    }
  </style>
</head>
<body>
  <div id="player"></div>
  <div class="obstacle" style="top: 100px; left: 200px;"></div>
  <div class="obstacle" style="top: 200px; left: 400px;"></div>
  <div id="finish" style="top: 300px; left: 600px;"></div>

// Initialize player position
      var playerPosition = { x: 0, y: 0 };

// Add touch event listeners
      player.addEventListener("touchstart", handleTouchStart, false);
      player.addEventListener("touchmove", handleTouchMove, false);

// Handle touch start event
      function handleTouchStart(event) {
        event.preventDefault();
        var touch = event.touches[0];
        playerPosition.x = touch.clientX - (player.offsetWidth / 2);
        playerPosition.y = touch.clientY - (player.offsetHeight / 2);
        player.style.left = playerPosition.x + "px";
        player.style.top = playerPosition.y + "px";
      }

// Handle touch move event
      function handleTouchMove(event) {
        event.preventDefault();
        var touch = event.touches[0];
        playerPosition.x = touch.clientX - (player.offsetWidth / 2);
        playerPosition.y = touch.clientY - (player.offsetHeight / 2);
        player.style.left = playerPosition.x + "px";
        player.style.top = playerPosition.y + "px";
        
        // Check for collision with obstacles
        var obstacles = document.getElementsByClassName("obstacle");
        for (var i = 0; i < obstacles.length; i++) {
          if (isColliding(player, obstacles[i])) {
            // Collision detected, reset player position
            player.style.left = "0px";
            player.style.top = "0px";
            playerPosition.x = 0;
            playerPosition.y = 0;
          }
        }
        
        // Check for reaching the finish line
        if (isColliding(player, document.getElementById("finish"))) {
          // Game finished, show a message or perform any desired action
          alert("Congratulations! You reached the finish line!");
        }
      }
      
      // Check collision between two elements
      function isColliding(elem1, elem2) {
        var rect1 = elem1.getBoundingClientRect();
        var rect2 = elem2.getBoundingClientRect();
        return !(
          rect1.top > rect2.bottom || 
          rect1.bottom < rect2.top || 
          rect1.left > rect2.right ||
          rect1.right < rect2.left
        );
      }

});
  </script>
</body>
</html>
```

Please note that for the game to work properly, you would need to replace the `player.png`, `obstacle.png`, and `finish.png` image URLs with the relevant pictogram images.