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

No:27775

79

Make a game where you find a guy called Larry and ..ALL
Developer User13833｜Date and time 23/12/9 1:39:45
Build time 37.816 sec｜Game capacity 2.934KB｜

Sure! Here's an example of a simple game implemented as a single HTML file where you need to find Larry by tapping on him in each level:

Find Larry Game

Level 1

In the provided code, you will need to replace `'emozi_apple.png'` with the URL of the image representing Larry, and the coordinates `larryX` and `larryY` with the actual coordinates of Larry's position in the image for each level. Additionally, you can replace `'level' + level + 'emozi_bear.png'` with the URLs of different images for each level if you want to display different background images as the levels progress. Remember to save an image of Larry for each level as `'emozi_rabbit.png'`, `'emozi_hamuster.png'`, etc., and replace the `3` in the line `if (level > 3)` with the total number of levels in your game. When you tap (or click) on Larry's position within a certain proximity, it will trigger the next level until all levels are completed. Once all levels are completed, an alert will appear congratulating the player, and the game will restart when the alert is dismissed. Feel free to modify the code according to your game's specific requirements and design. Good luck with your game development!

→ 　

0　

0　

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

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

(C)2023 HisashiApp

Sure! Here's an example of a simple game implemented as a single HTML file where you need to find Larry by tapping on him in each level:

```html
<!DOCTYPE html>
<html>
<head>
  <title>Find Larry Game</title>
  <style>
    body { text-align: center; }
    #game {
      height: 300px;
      position: relative;
      background-image: url('larry.png'); /* Replace with the image URL representing Larry */
      background-repeat: no-repeat;
      background-size: contain;
      cursor: pointer;
    }
    #level {
      font-size: 20px;
      margin-top: 20px;
    }
  </style>
</head>
<body>
  <h1>Find Larry Game</h1>
  <div id="game"></div>
  <div id="level">Level 1</div>

<script>
    var gameDiv = document.getElementById("game");
    var levelDiv = document.getElementById("level");
    var level = 1;

// Function to handle the click event on Larry
    function findLarry(event) {
      var rect = gameDiv.getBoundingClientRect();
      var x = event.clientX - rect.left;
      var y = event.clientY - rect.top;

// Calculate the position of Larry's location on the image based on the click coordinates
      var larryX = 100; // Replace with the X coordinate of Larry's position in the image
      var larryY = 150; // Replace with the Y coordinate of Larry's position in the image

// Check if Larry is found
      if (Math.abs(x - larryX) < 10 && Math.abs(y - larryY) < 10) {
        level++;
        levelDiv.textContent = "Level " + level;

// Update the image to the next level's image (if available)
        gameDiv.style.backgroundImage = "url('level" + level + ".png')";

// If all levels completed
        if (level > 3) {
          alert("Congratulations! You found Larry in all levels.");
          location.reload(); // Restart the game
        }
      }
    }

// Add event listener to the game div
    gameDiv.addEventListener("click", findLarry);
  </script>
</body>
</html>
```

In the provided code, you will need to replace `'larry.png'` with the URL of the image representing Larry, and the coordinates `larryX` and `larryY` with the actual coordinates of Larry's position in the image for each level. Additionally, you can replace `'level' + level + '.png'` with the URLs of different images for each level if you want to display different background images as the levels progress.

Remember to save an image of Larry for each level as `'level1.png'`, `'level2.png'`, etc., and replace the `3` in the line `if (level > 3)` with the total number of levels in your game.

When you tap (or click) on Larry's position within a certain proximity, it will trigger the next level until all levels are completed. Once all levels are completed, an alert will appear congratulating the player, and the game will restart when the alert is dismissed.

Feel free to modify the code according to your game's specific requirements and design. Good luck with your game development!