DM Note는 리듬게임에서 사용하기 위해 만들어진 키뷰어 프로그램입니다. Electron과 React로 구축 되었으며 키보드 후킹을 위해 node-global-key-listener-extended 패키지를 사용합니다. 간편한 설정으로 스트리밍이나 플레이 영상 제작 시 키 입력을 시각적으로 보여줄 수 있습니다.
현재는 windows 환경에서만 사용이 가능하며, 리듬게임 이외의 다른 게임에서도 사용이 가능합니다.
- 실시간 키보드 입력 감지 및 시각화
- 커스텀 키 매핑 설정
- 사용자 맞춤 테마 지원
- 키 사이즈 조절
- 그리드 기반 키 배치
- 커스텀 CSS 지원
- 사용자 설정 자동 저장
- 프리셋 저장/불러오기
- 창 위치 고정
- 항상 위에 표시
- 리사이즈 기준점 선택
- 노트 효과 (Raining Effect) 토글
- 노트 효과 색상, 투명도, 라운딩, 속도, 높이 조절
- 리버스 기능
- 다국어 지원 (한글, 영어)
- 그래픽 렌더링 옵션 (Direct3D 11/9, OpenGL)
- 설정 초기화
git clone https://github.com/lee-sihun/DmNote.git
cd DmNote
npm i
npm run start- 프레임워크: Electron
- UI 라이브러리: React
- 상태 관리: Zustand
- 스타일링: Tailwind CSS
- 번들러: Webpack
- 키보드 후킹: node-global-key-listener-extended
- 세팅 저장: electron-store
- 빌드: electron-builder
- 키 입력 카운트 표시
- 동시 입력 간격 밀리초(ms) 표시
- 키 입력 속도 그래프 시각화
- 입력 통계 분석 기능
- 그래픽 문제 발생 시 설정에서 렌더링 옵션을 변경해주세요.
- OBS 윈도우 캡쳐로 크로마키 없이 배경을 투명하게 불러올 수 있습니다.
- 게임 화면 위에 표시할 경우, 항상 위에 표시로 배치한 뒤 오버레이 창 고정을 활성화해주세요.
- 기본 제공 프리셋은 resources > resources > presets 폴더에 있습니다.
- 커스텀 CSS 예제 파일은 resources > resources 폴더에 있습니다.
- 키 설정 기능에 클래스명 할당 시 선택자 없이 이름만 입력하면 됩니다.(blue -> o, .blue -> x)