クイックスタート

プレイヤーの操作、反応、目標を決めます。例：的を押すと得点が増え、制限時間内に多く得点する。

HTML ファイル一つから始められます。以下は操作の例で、Combos API は呼び出しません。

index.html


<!doctype html>
<html lang="ja">
  <meta charset="utf-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1" />
  <title>最初のインタラクション</title>
  <button id="target">押してみる</button>
  <p aria-live="polite">得点: <span id="score">0</span></p>
  <script>
    let score = 0;
    document.querySelector("#target").addEventListener("click", () => {
      score += 1;
      document.querySelector("#score").textContent = String(score);
    });
  </script>
</html>

保存してブラウザで開き、クリックで得点が増えることを確認します。タイマー、動く的、視覚効果を一つずつ加え、その都度動く版を残します。

初めてのプレイヤーが最初の操作を理解できるか観察し、スマートフォンの文字、タッチ領域、配置を確認します。チェックリストを使い、公開手順へ進みましょう。