알기앙 연주회 날짜 맞추기 게임

개구리 게임을 통해 알함브라기타앙상블 연주회 날짜(11월 16일)를 맞추는 게임입니다.

게임 방법

1. 플레이어 이름 입력: 게임 시작 전에 이름을 입력하세요
2. 화살표 키 또는 화면의 가상 키보드를 사용하여 개구리를 조작하세요
3. 월 선택: 먼저 11월을 선택하세요
4. 일 선택: 그 다음 16일을 선택하세요
5. 시간 선택: 마지막으로 3시를 선택하세요 (가장 어려운 레벨!)
6. 모든 단계를 완료하면 게임 클리어!

점수 시스템

• 월 선택 성공: 100점
• 일 선택 성공: 200점
• 시간 선택 성공: 500점 (어려운 레벨 보너스)
• 게임 클리어 시 총 800점 획득

플레이어 이름 기능

• 게임 시작 전에 플레이어 이름을 입력할 수 있습니다
• 이름을 입력하지 않으면 "익명"으로 저장됩니다
• 입력한 이름은 게임 화면 상단에 표시됩니다
• 점수 저장 시 입력한 이름이 함께 저장됩니다

데이터베이스 연동

게임이 끝나면 점수가 Supabase 데이터베이스에 자동으로 저장됩니다.

저장되는 정보

• 점수
• 플레이어 이름 (입력한 이름 또는 "익명")
• 게임 날짜
• 게임 완료 여부

점수 보드 확인

• 게임 중 S 키를 누르거나
• 화면의 "📊 점수 보드" 버튼을 클릭하여 상위 점수를 확인할 수 있습니다

누계 성적 조회

• 게임 종료 시 자동으로 누계 성적이 표시됩니다
• 게임 중 P 키를 누르거나
• 화면의 "📈 내 성적" 버튼을 클릭하여 개인 누계 성적을 확인할 수 있습니다
• 표시되는 정보:
  • 전체 순위 (누계 점수 기준)
  • 총 게임 수
  • 누계 점수
  • 완료한 게임 수
  • 평균 점수
  • 최고 점수
  • 최근 게임 기록
  • 전체 순위표 (상위 5명)

Supabase 설정

게임을 실행하기 전에 Supabase에서 다음 테이블을 생성해야 합니다:

-- supabase_setup.sql 파일의 내용을 Supabase SQL 에디터에서 실행하세요

테이블 구조

• game_scores: 게임 점수 저장 테이블
• top_scores: 상위 점수 조회용 뷰

실행 방법

1. Supabase에서 테이블 생성
2. index.html 파일을 브라우저에서 열기
3. 플레이어 이름 입력 후 게임 시작!

조작법

• 화살표 키: 개구리 이동
• S 키: 점수 보드 표시
• Enter 키: 게임 재시작 (게임 오버 시) 또는 이름 입력 후 게임 시작
• 마우스/터치: 가상 키보드 사용 가능
• 스와이프: 모바일에서 스와이프 제스처로 이동 가능

기술 스택

• HTML5 Canvas
• JavaScript
• Supabase (데이터베이스)
• CSS3

라이선스

이 프로젝트는 개인 사용을 위한 것입니다.