소리 음파 주파수 타이밍 2D 서핑 게임 (Sound Wave Surfer)

사운드 웨이브 서퍼(Sound Wave Surfer)는 실시간 신디사이저가 연성하는 소리 주파수 파형 곡선 위를 미끄러지듯 질주하며 파도의 마루(정점)와 골(골짜기) 타이밍에 맞춰 도약과 착지를 결합하는 인터랙티브 2D 서핑 웹게임입니다. 외부 오디오 파일 설치 없이 브라우저의 Web Audio API를 활용하여 합성된 칠아웃 앰비언트 리듬과 시각적 캔버스 파동이 즉각적으로 상호작용합니다.

차분한 세이지 그린과 크림 라이트 UI 톤으로 구성된 감성적인 화면 속에서 스마트폰 자이로스코프 기울기 조작 또는 멀티 터치 제스처, PC 키보드로 균형을 잡으며 리듬감 넘치는 고득점 플레이를 즐길 수 있습니다.

주요 기능

• 실시간 다층 주파수 파형 엔진:
  • 기본 캐리어 주파수와 고조파(Harmonics), 앰비언트 스웰이 중첩된 부드러운 사인파 곡선을 캔버스에 실시간 렌더링합니다.
  • 사운드 분석기(AnalyserNode)의 주파수 에너지 변동에 따라 파도의 진폭과 출렁임이 유기적으로 반응합니다.
• 3단계 주파수 대역 시프트 (Frequency Shifting):
  • LOW (60Hz Bass): 거대한 낙차와 완만한 파장을 지닌 빅 웨이브로 고속 하강 가속도와 하이 점프에 유리합니다.
  • MID (440Hz Harmony): 표준 균형 파도로 멜로디 아르페지오와 조화로운 서핑 리듬을 제공합니다.
  • HIGH (2.1kHz Treble): 촘촘하고 빠른 주파수 리플로 짧은 간격의 연속 테크닉 점프 찬스를 만듭니다.
• 물리 기반 서퍼 리지드바디 & 신체 충돌 판정 시스템:
  • 파도 표면의 법선과 접선 기울기를 실시간 추적하여 보드의 각도와 경사면 중력 가속도를 계산합니다.
  • 파도의 마루(Crest) 부근에서 도약 시 PERFECT LAUNCH 판정과 함께 추가 가속을 얻습니다.
  • 공중 체공 중 보드를 회전시켜 360° 스핀 트릭을 구사할 수 있으며 파도 각도에 맞춰 보드 바닥으로 착지하면 PERFECT LANDING 보너스를 받습니다.
  • 신체 충돌 와이프아웃 (Body Collision Crash): 보드가 거꾸로 뒤집힌 완전 전복 상태(착지 각도 오차 125° 초과)로 수면에 닿거나 공중 전복 중 머리(헬멧)가 파도 수면에 부딪히면 즉시 와이프아웃 충돌로 게임이 종료됩니다. 보드 바닥이나 앞코/테일로 착지하는 한(오차 125° 이내) 게임이 종료되지 않고 착지 등급(PERFECT/GOOD/ROUGH)에 따라 주행이 안전하게 유지됩니다.
  • 파도 골짜기(Trough)로 급강하하는 WAVE DIVE를 사용하면 바닥을 찍고 솟구치는 슬링샷 탄성 가속을 발동합니다.
• 센서 & 멀티 터치 복합 조작 체계:
  • 자이로스코프 / 틸트 센서: 스마트폰을 좌우로 기울여 직관적인 밸런스 조향이 가능하며 iOS 13+ 권한 승인과 현재 자세 기준 영점 캘리브레이션 버튼을 지원합니다.
  • 터치 멀티 드래그: 화면 좌측 드래그로 조향하고 우측 터치 또는 수직 드래그로 주파수 밴드를 즉시 튜닝합니다.
  • 키보드 & 마우스: PC 환경에서 방향키, WASD, 스페이스바, 숫자 1~3 키를 통해 정밀하게 조작할 수 있습니다.
• 다채로운 4대 테마 프리셋 & 로컬 오디오(MP3/WAV) 실시간 연동:
  • 4대 내장 테마: 세이지 앰비언트 칠(116 BPM), 네온 신스웨이브(128 BPM), 에메랄드 딥 베이스(104 BPM), 코스믹 드림 아르페지오(136 BPM)를 자유롭게 선택할 수 있습니다.
  • 로컬 음악 파일 지원: 사용자의 PC나 스마트폰에 저장된 MP3, WAV, OGG, FLAC 파일을 브라우저로 직접 불러와 실제 노래의 킥/베이스 및 멜로디 주파수에 맞춰 출렁이는 파도를 서핑할 수 있습니다.
• 로컬 스토리지 데이터 자동 연동:
  • 프로젝트 고유 접두사(sound_wave_surfer_)를 적용하여 로컬 최고 점수(highscore), 사운드 및 센서 설정(settings), 누적 서핑 거리 및 콤보 통계(stats)가 브라우저에 안전하게 보존됩니다.

대상 사용자

• 사운드와 비주얼이 맞물리는 리듬 액션 및 타이밍 아케이드 게임을 즐기는 사용자
• 스마트폰의 자이로스코프/틸트 센서를 활용한 체감형 미니게임을 찾는 모바일 유저
• 출퇴근길이나 휴식 시간에 눈과 귀가 편안한 세이지 그린 & 크림 라이트 톤의 힐링 아케이드를 원하는 이용자
• Web Audio API의 절차적 신디사이저와 파동 물리를 경험해보고 싶은 웹 기술 매니아

활용 사례

• 순발력 및 리듬 타이밍 감각 훈련: 불규칙하게 흐르는 오디오 파형의 정점을 빠르게 인지하고 도약 타이밍을 맞추는 집중력 향상
• 모바일 틸트 체감 인터랙션: 스마트폰을 양손으로 쥐고 기울이며 서핑보드의 중심을 맞추는 감각적 게이밍
• 무설치 브라우저 미니게임 휴식: 앱스토어 설치나 로그인 과정 없이 URL 접속만으로 즉시 사운드 서핑 플레이

제한 사항

• 스마트폰 기기에 자이로스코프(기울기 센서)가 탑재되어 있지 않거나 브라우저 권한이 차단된 경우 센서 조작이 제한되며 화면 터치 드래그 또는 키보드 조작 모드로 자동 대체됩니다.
• iOS Safari 환경에서는 브라우저 보안 정책에 따라 상단의 기기 모양 자이로 버튼을 눌러 센서 접근 권한을 수동 승인해야 합니다.
• 웹 브라우저의 오디오 자동 재생 차단 정책(Autoplay Policy)으로 인해 첫 화면 터치 또는 서핑 시작 버튼을 클릭한 시점부터 Web Audio 사운드가 출력됩니다.

사용 방법

1. 게임 시작: 화면 중앙의 서핑 시작하기 버튼을 누르거나 키보드 Space 키를 눌러 게임을 개시합니다.
2. 조향 및 균형 유지:
   • 스마트폰: 상단 휴대폰 아이콘을 눌러 자이로 센서를 활성화한 뒤 기기를 좌우로 기울이거나 화면 좌측 영역을 터치 드래그하여 서퍼의 방향을 잡습니다.
   • PC: 키보드 A / D 또는 ← / → 키를 눌러 보드의 틸트 각도를 조정합니다.
3. 정점 점프 (Wave Launch): 파도의 가장 높은 꼭대기(Crest)에 도달했을 때 화면을 가볍게 탭하거나 Space / W / ↑ 키를 눌러 공중으로 높이 도약합니다.
4. 공중 트릭 & 착지: 공중에서 기기를 기울여 360° 회전 스핀을 달성하고 파도 표면의 경사면과 보드 각도가 평행을 이루도록 조절하여 부드러운 완벽 착지(Perfect Landing)를 성공시키세요.
5. 웨이브 다이브 (Wave Dive): 체공 상태에서 화면을 아래로 스와이프하거나 S / ↓ 키를 누르면 파도 골짜기로 급강하하여 강력한 슬링샷 부스터를 얻습니다.
6. 주파수 밴드 전환: 하단 튜너 버튼(LOW, MID, HIGH)을 누르거나 숫자 1, 2, 3 키를 눌러 파도의 진폭과 흐름 속도를 전략적으로 변경할 수 있습니다.
7. 기록 확인 및 설정: 게임 종료 후 최종 점수, 누적 거리, 완벽 타이밍 횟수, 최대 콤보를 확인하고 우측 상단 톱니바퀴 아이콘을 통해 볼륨과 센서 감도를 조절할 수 있습니다.

자주 묻는 질문 (FAQ)

Q1. 아이폰(iOS)에서 스마트폰을 기울여도 서퍼가 움직이지 않아요.

iOS 13 이상 Safari 브라우저에서는 사용자 개인정보 보호를 위해 모션 센서 권한을 필요로 합니다. 화면 우측 상단의 스마트폰 모양 아이콘(btn-gyro-toggle)을 클릭한 후 팝업되는 ‘동작 및 방향 접근’ 권한 허용 창에서 허용을 선택하면 자이로 틸트 기능이 정상 동작합니다.

Q2. 게임 점수는 어떻게 더 높게 얻을 수 있나요?

파도의 정점에서 오차가 적은 타이밍에 도약하여 PERFECT LAUNCH를 발동하고 공중에서 360° 스핀 트릭을 성공시킨 뒤 파도 경사면과 오차 26도 이내로 맞추어 착지하면 대량의 콤보 점수와 부스터를 얻습니다. 또한 황금빛 하모닉스 링을 연속 획득해 FLOW FEVER 모드에 진입하면 점수가 2배로 가산됩니다.

Q3. 게임 플레이 설정과 최고 점수는 어디에 저장되나요?

모든 데이터는 사용자의 웹 브라우저 로컬 스토리지(localStorage)에 프로젝트 고유 접두사(sound_wave_surfer_)로 안전하게 분리 저장됩니다. 별도의 계정 로그인 없이도 이전 플레이의 최고 점수, BGM/SFX 볼륨, 자이로 센서 감도 설정이 자동으로 복원됩니다.

Q4. 배경 음악이 나오지 않을 때는 어떻게 해야 하나요?

최신 브라우저는 사용자의 첫 상호작용 전까지 오디오 재생을 제한합니다. 게임 시작 전 화면을 한 번 터치하거나 클릭하면 Web Audio API 컨텍스트가 활성화되며 사운드가 출력됩니다. 상단 스피커 모양 버튼이 음소거 상태로 켜져 있는지 확인해 보세요.

Q5. 공중 회전 도중 서퍼의 몸이 파도에 닿으면 어떻게 되나요?

서핑보드가 하늘을 향해 완전히 거꾸로 뒤집힌 상태(착지 각도 오차 125° 초과 전복)로 착지하거나 공중에서 뒤집힌 채 머리(헬멧)가 파도 표면에 직접 닿으면 와이프아웃(Body Crash Wipeout) 판정이 내려져 게임이 즉시 종료됩니다. 반면 보드의 바닥이나 앞코로 착지하는 한(오차 125° 이내) 다소 거칠게 착지하더라도 ROUGH LANDING으로 감속만 될 뿐 게임이 종료되지 않고 서핑을 계속 이어갈 수 있습니다.