Skip to content

[FEAT] 연주 화면 UI 및 기능 구현 #40

Description

@leeminsel

📌 요약

연주 시작 화면에서 곡별 메트로놈을 띄우고, 사용자가 친 음을 배경 노트바로 표시하며, 박자에 맞춰 백킹트랙(코드 진행)이 보라색으로 진행되도록 구현.

🛠️ 작업할 내용

  • 곡의 bpm / timeSignature(예: 4/4) 기준 메트로놈 구동
  • 연주 시작 전 카운트다운 → 중앙 START 표시 후 재생 시작
  • 사용자가 친 음을 건반 위치·폭(흰/검은)에 맞춰 배경 노트바로 표시
  • note-on ~ note-off로 지속시간 측정 → 노트바 길이 가변
  • 레이턴시 offset 보정 적용 (settingStore 기기별 latency)
  • 현재 코드명 배경 대형 텍스트 표시
  • 헤더 (곡 제목/장르/키/BPM .. 등) 구현
  • 상단에 백킹트랙 표시 구현
  • 건반 입력 시 소리 출력 구현

📎 참고 사항

디자인 시안, API 명세, 참고 링크 등을 첨부해주세요.

Metadata

Metadata

Assignees

Labels

✨ FeatNew feature or request🎨 StyleUI/UX and visual design tasks

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions