피아노 롤

16 스텝 × 2 옥타브. 격자 클릭으로 멜로디 입력, 즉시 재생. 자동 저장 + 공유 URL.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16

사용법

  • 격자 클릭 — 노트 켜기/끄기. 클릭 시 음 미리듣기.
  • 키 라벨 클릭 — 해당 음을 미리 들어볼 수 있음.
  • 자동 저장 — 작업 내용은 브라우저에 자동 저장 (localStorage).
  • 공유 URL — 현재 패턴을 URL 로 공유. 받은 사람도 즉시 재생/편집 가능.
  • JSON 다운로드 — 외부 도구에서 가공할 수 있도록 데이터 저장.

🎹 멜로디 만들기 팁

  • 스케일 안에서 시작 — 모든 음을 흰 건반 (C 메이저: C-D-E-F-G-A-B) 으로 한정하면 음이 자연스러움
  • 도약은 적게 — 멜로디는 보통 2도 / 3도 step 위주, 큰 도약 (5도+) 은 강조용
  • 강박에 화성음 — 1, 5 박 (4/4 의 1, 9 step) 에는 코드 안의 음 (C 메이저 진행이면 C-E-G)
  • 긴장과 해결 — 후렴 끝에는 "도(C)" 또는 "솔(G)" 로 회귀 → 안정감
  • 리듬 다양화 — 같은 음 길이만 쓰면 단조로움. 4분 + 8분 + 점음표 섞기

🥁 리듬 패턴 예시 (4/4 16스텝)

  • 4-on-the-floor (하우스) — 스텝 1, 5, 9, 13 (모든 다운비트)
  • 록 비트 — 킥 1, 9 / 스네어 5, 13 / 하이햇 모든 8분음표
  • 보사노바 — 1, 4, 7, 11, 14 (싱코페이션)
  • K-Pop 댄스 — 록 비트 변형 + 16분음표 트리플 강세
  • 발라드 — 1, 9 (큰 비트만), 빠른 음표 X
  • 트랩 — 하이햇 16분음표 분할 (특히 32분 stutter)

⌨️ 단축키

  • 현재 키보드 단축키는 미지원 — Phase 2 에서 스페이스바 (재생/정지), 화살표 (BPM ±) 추가 예정

iOS Safari 에서는 첫 재생 시 "터치"가 필요합니다 (Web Audio 정책). 데스크톱 / 안드로이드는 즉시 재생됩니다. 모바일 가로 스크롤 지원.