빠른 시작

플레이어의 행동, 게임의 반응, 목표를 정하세요. 예를 들어 표적을 누르면 점수가 오르고 제한 시간 안에 최대한 득점합니다.

HTML 파일 하나로 시작할 수 있습니다. 이 예제는 Combos API를 호출하지 않습니다.

index.html


<!doctype html>
<html lang="ko">
  <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>

저장 후 브라우저에서 열어 클릭하면 점수가 오르는지 확인하세요. 타이머, 움직이는 표적, 시각 효과를 하나씩 추가하고 작동하는 버전을 유지하세요.

새 플레이어가 첫 동작을 이해하는지 관찰하고 휴대폰의 글자, 터치 영역, 배치를 확인합니다. 체크리스트를 검토한 뒤 게시하세요.