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

No:22453

←

Prev Next

→

ロープレー
Developer User10286｜Date and time 23/10/22 16:40:30
Build time 35.333 sec｜Game capacity 1.694KB｜

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>ロープレーゲーム</title>
  <style>
    #character {
      font-size: 3em;
    }
  </style>
</head>
<body>
  <h1>ロープレーゲーム</h1>
  <p>操作方法: スマホの画面をタップしてキャラクターを上に移動させてください。</p>
  <p id="character">🐰</p>

function jumpCharacter() {
      characterPosition -= 20; // キャラクターを20px上に移動
      characterElement.style.bottom = characterPosition + 'px';

if (characterPosition > 0) {
        requestAnimationFrame(jumpCharacter); // 再帰的にキャラクターを動かす
      } else {
        alert('ゲームオーバー！'); // 画面上端まで到達したらゲームオーバー
      }
    }

document.addEventListener('touchstart', function(e) {
      jumpCharacter(); // 画面をタッチしたらキャラクターをジャンプさせる
    });
  </script>
</body>
</html>
```