AI game creator

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

No:9053

154

←

Prev Next

→

PlayStation 6
Developer User4246｜Date and time 23/7/21 1:11:22
Build time 23.112 sec｜Game capacity 2.08KB｜

Script

ご了解いたしました。以下に、１枚のHTMLファイルとして実装したJavaScriptを含むゲームの例を示します。このゲームは、スマホ操作が前提となっており、ジャンプゲームとして遊ぶことができます。

このコードでは、画面上部にある赤い四角をタップすると、キャラクターがジャンプします。着地したら自動で次のジャンプへ移ります。ジャンプの高さはランダムに決まります。このゲームは、1枚のHTMLファイル内で完結しており、JavaScriptは`
`タグで囲まれています。スマホでのタッチ操作を前提としており、絵文字やプレステ６の要素は含まれておりませんが、ゲームとしてプレイすることができます。

←

Prev　Next

→ 　

Back　

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

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

```html
<!DOCTYPE html>
<html>
<head>
  <title>ジャンプゲーム</title>
  <style>
    #player {
      position: absolute;
      width: 30px;
      height: 30px;
      background-color: red;
      bottom: 0;
    }
  </style>
</head>
<body>
  <script>
    // ゲームの状態管理用の変数
    let isJumping = false;
    let jumpHeight = 0;
    let playerPosition = 0;

// ジャンプ処理
    function jump() {
      if (!isJumping) {
        isJumping = true;
        jumpHeight = Math.random() * 200 + 100; // ランダムなジャンプ高さをセット
      }
    }

// ゲームループ処理
    function gameLoop() {
      if (isJumping) {
        jumpHeight -= 10; // ジャンプ高さを減少させる
        playerPosition = jumpHeight;
        if (jumpHeight <= 0) {
          isJumping = false;
          playerPosition = 0;
        }
      }

document.getElementById("player").style.bottom = playerPosition + "px";
      requestAnimationFrame(gameLoop); // ループ処理を繰り返す
    }

// タッチ操作時の処理
    document.addEventListener("touchstart", function() {
      jump();
    });

// ゲーム開始
    gameLoop();
  </script>

<div id="player"></div>
</body>
</html>
```

このコードでは、画面上部にある赤い四角をタップすると、キャラクターがジャンプします。着地したら自動で次のジャンプへ移ります。ジャンプの高さはランダムに決まります。

このゲームは、1枚のHTMLファイル内で完結しており、JavaScriptは`<script>`タグで囲まれています。スマホでのタッチ操作を前提としており、絵文字やプレステ６の要素は含まれておりませんが、ゲームとしてプレイすることができます。