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

No:7452

3559

←

Prev Next

→

UNDERTALE
Developer もちきなこ｜Date and time 23/7/7 22:30:12
Build time 13.006 sec｜Game capacity 1.664KB｜

Script

了解しました。以下にUNDERTALE風のシンプルなゲームを作成します。

UNDERTALE風ミニゲーム

スマホの画面をタップしてモンスターを倒しましょう！

スコア: 0

このゲームでは、画面をタップすることでモンスターを攻撃し、スコアが表示されます。スコアが10に達するとゲームクリアとなり、ページがリロードされます。以上のコードをコピーして1枚のHTMLファイルとして保存し、ブラウザで開くことでUNDERTALE風のミニゲームをプレイすることができます。

←

Prev　Next

→ 　

Back　

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

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

了解しました。以下にUNDERTALE風のシンプルなゲームを作成します。

```html
<!DOCTYPE html>
<html lang="ja">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>UNDERTALE風ミニゲーム</title>
  <style>
    body {
      display: flex;
      justify-content: center;
      align-items: center;
      height: 100vh;
      margin: 0;
    }

button {
      font-size: 2em;
      padding: 0.5em 1em;
      cursor: pointer;
      transition: background-color 0.3s;
    }

button:hover {
      background-color: lightgray;
    }
  </style>
</head>
<body>
  <h1>UNDERTALE風ミニゲーム</h1>
  <p>スマホの画面をタップしてモンスターを倒しましょう！</p>
  <h2 id="score">スコア: 0</h2>
  <button id="monster" onclick="attack()">モンスターを攻撃する！</button>

function attack() {
      score++;
      document.getElementById('score').textContent = `スコア: ${score}`;
      checkGameOver();
    }

function checkGameOver() {
      if (score >= 10) {
        alert("ゲームクリア！おめでとう！");
        window.location.reload();
      }
    }
  </script>
</body>
</html>
```

このゲームでは、画面をタップすることでモンスターを攻撃し、スコアが表示されます。スコアが10に達するとゲームクリアとなり、ページがリロードされます。

以上のコードをコピーして1枚のHTMLファイルとして保存し、ブラウザで開くことでUNDERTALE風のミニゲームをプレイすることができます。