AI game creator

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

No:30540

←

Prev Next

→

マリオ
Developer User14829｜Date and time 23/12/22 16:32:37
Build time 17.075 sec｜Game capacity 2.185KB｜

Script

了解しました。以下がマリオのゲームのプログラムです。

このプログラムは、マリオが画面内を右に移動し、上矢印キーを押すとジャンプする単純なゲームです。マリオのアイコンの背景色は赤色で示され、ジャンプすると底辺から上に移動します。ジャンプが終わると、また底辺に戻ります。マリオは画面右端に到達すると、画面左端から再び移動を始めます。このプログラムを実行すると、ブラウザに表示されるゲーム画面で遊ぶことができます。ご参考までにお使いください。

←

Prev　Next

→ 　

Back　

[PR]現在の新着人気ランキング

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

了解しました。以下がマリオのゲームのプログラムです。

```html
<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <title>Mario Game</title>
  <style>
    #game-container {
      width: 400px;
      height: 400px;
      background-color: #000;
      position: relative;
    }
    #mario {
      width: 40px;
      height: 40px;
      position: absolute;
      bottom: 0;
      left: 0;
      background-color: #f00;
    }
  </style>
</head>
<body>
  <div id="game-container">
    <div id="mario"></div>
  </div>
  <script>
    window.addEventListener('load', function() {
      var mario = document.getElementById('mario');
      var containerWidth = document.getElementById('game-container').offsetWidth;
      var containerHeight = document.getElementById('game-container').offsetHeight;
      var x = 0;

document.addEventListener('keydown', function(event) {
        if (event.key === 'ArrowUp') {
          jump();
        }
      });

var interval = setInterval(function() {
        x += 5;
        if (x > containerWidth - 40) {
          x = 0;
        }
        mario.style.left = x + 'px';
      }, 50);
    });
  </script>
</body>
</html>
```

このプログラムは、マリオが画面内を右に移動し、上矢印キーを押すとジャンプする単純なゲームです。マリオのアイコンの背景色は赤色で示され、ジャンプすると底辺から上に移動します。ジャンプが終わると、また底辺に戻ります。マリオは画面右端に到達すると、画面左端から再び移動を始めます。

このプログラムを実行すると、ブラウザに表示されるゲーム画面で遊ぶことができます。ご参考までにお使いください。