Create a 2d vertical platforming game where Luigi is the only character and he's an AI and he's trying to steal Mario's girlfriend peach's game

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

No:43391

←

Prev Next

→

Create a 2d vertical platforming game where Luigi ..ALL
Developer User19185｜Date and time 24/2/15 12:46:40
Build time 10.061 sec｜Game capacity 3.651KB｜

Script

Sure! Here's an example of a simple 2D vertical platforming game using JavaScript and HTML:

In this game, Luigi is an AI-controlled character trying to steal Peach. Luigi moves left or right based on Peach's position using simple AI logic. The objective is for the user to control Luigi and catch Peach before she reaches the top of the screen. Once Luigi catches Peach, an alert message will be displayed. The game continuously updates until Peach is caught. Please note that you would need to replace the image URLs `emozi_bear.png` and `emozi_all/peach.png` with your own image files. Also, the game logic is simplified for the sake of demonstration, and you can enhance it further if desired.

←

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 2D vertical platforming game using JavaScript and HTML:

```html
<!DOCTYPE html>
<html>
  <head>
    <title>Luigi's Adventure</title>
    <style>
      #game {
        position: relative;
        width: 400px;
        height: 600px;
        border: 2px solid black;
        background-color: #9bc4e2;
        overflow: hidden;
      }
      #luigi {
        position: absolute;
        width: 50px;
        height: 50px;
        background-image: url('luigi.png'); /* You can use pictograms here */
        background-size: cover;
      }
      #peach {
        position: absolute;
        top: 0;
        width: 50px;
        height: 50px;
        background-image: url('peach.png'); /* You can use pictograms here */
        background-size: cover;
      }
    </style>
  </head>
  <body>
    <div id="game">
      <div id="luigi"></div>
      <div id="peach"></div>
    </div>

// Update game state
      function updateGame() {
        // Move peach upwards
        peach.style.top = (parseInt(peach.style.top) - peachSpeed) + 'px';

// Check if peach is caught
        if (
          peach.offsetTop <= luigi.offsetTop + luigi.offsetHeight &&
          peach.offsetTop + peach.offsetHeight >= luigi.offsetTop &&
          peach.offsetLeft <= luigi.offsetLeft + luigi.offsetWidth &&
          peach.offsetLeft + peach.offsetWidth >= luigi.offsetLeft
        ) {
          peachCaught = true;
          peach.style.display = 'none';
          alert("Luigi stole Peach!");
        }

// Check if peach is missed
        if (peach.offsetTop <= -peach.offsetHeight) {
          peach.style.display = 'block';
          peach.style.top = gameHeight + 'px';
          peach.style.left = Math.floor(Math.random() * (gameContainer.offsetWidth - peach.offsetWidth)) + 'px';
          peachCaught = false;
        }

// Move luigi left or right based on AI
        var targetX = peach.offsetLeft + peach.offsetWidth / 2 - luigi.offsetWidth / 2;
        if (targetX >= luigi.offsetLeft) {
          luigi.style.left = (parseInt(luigi.style.left) + luigiSpeed) + 'px';
        } else {
          luigi.style.left = (parseInt(luigi.style.left) - luigiSpeed) + 'px';
        }

// Check if luigi hits the game boundaries
        if (luigi.offsetLeft < 0) {
          luigi.style.left = 0;
        } else if (luigi.offsetLeft + luigi.offsetWidth > gameContainer.offsetWidth) {
          luigi.style.left = (gameContainer.offsetWidth - luigi.offsetWidth) + 'px';
        }

// Keep updating the game state
        if (!peachCaught) {
          requestAnimationFrame(updateGame);
        }
      }

// Start the game
      updateGame();
    </script>
  </body>
</html>
```

Please note that you would need to replace the image URLs `luigi.png` and `peach.png` with your own image files. Also, the game logic is simplified for the sake of demonstration, and you can enhance it further if desired.