levada

이 프로젝트는 간단한 1 비트 리듬 인물을 통해 리듬 솔 페지를 연습 할 수있는 웹 사이트가되는 것을 목표로합니다. https://vernalhav.github.io/levada/에서 사이트를 사용해보십시오.

개요

시력 읽기 악보는 어려운 일입니다. 주요 서명, 우연한, 화음, 관절뿐만 아니라 리듬에 대해서도 걱정해야합니까? 이 프로젝트는 내 여정의 결과로 더 나은 음악가가 되려고 노력하고 가장 일반적인 리듬 인물을 이해하는 좋은 방법을 원했습니다. 이 프로젝트는 Rhythm에 관한 Saher Galt의 비디오에서 큰 영감을 받았습니다.
현재이 사이트는 가능한 가장 큰 뼈 버전에 있지만 연습을 시작하기에 충분합니다!

1. 비트 추가 또는 제거 버튼을 사용하여 원하는 양의 비트를 지정하십시오.
2. BPM을 원하는 양으로 설정하십시오
3. 연습하려는 리듬을 선택하십시오
   3.1. "수치 선택"(점검 크로치 세트) 창을 열어서 어떤 그림을 나타낼 것인지 선택하고 비트 추가
   3.2. "그림 선택"(플러스) 창에서 각 그림을 개별적으로 선택하여 특정 리듬 설정 및 원하는 그림을 선택하십시오.
4. 음소거 버튼을 클릭하십시오
5. 순서를 재생하고 메모를 재생해야한다고 생각할 때마다 버튼 메뉴 아래의 어느 곳에서나 클릭하십시오.
6. 음소거를 해제하고 시퀀스를 다시 연주하고 진행 상황을 확인하십시오 :)

스크린 샷

브라우저 지원

플랫폼	크롬	가장자리	파이어 폭스	원정 여행
컴퓨터	예	예	예	테스트되지 않았습니다
iOS	예	테스트되지 않았습니다	테스트되지 않았습니다	예
기계적 인조 인간	예	테스트되지 않았습니다	예	테스트되지 않았습니다

다른 브라우저에서 이것을 자유롭게 테스트 하고이 readme를 업데이트하십시오 :)

프로젝트 구조

├── image-generators            # All automation to generate the rhythmic figure images and specify the way they will be played 
│   ├── lilypond                # Rhythmic figures' lilypond files. This directory is completely optional.
│   ├── scripts                 # Python scripts that build and patch the corresponding template and index files
│   └── templates               # Lilypond and typescript template common to all rhythmic figures
├── sceenshots                  # Project screenshots
├── public                      # Basic HTML and website icon
└── src                         
    ├── assets                  
    │   ├── RhythmicFigures     # All rhythmic figure images and rhythm specifications (as per image-generators/rhythms_data.json)
    │   │   └─── ...
    │   ├── images              # Icons and general purpose images
    │   ├── sounds              # Metronome beat and snap sounds
    │   └── styles              # Global CSS styling
    ├── components              # React components and their individual CSS
    │   └── ...
    ├── pages                   # React elements that correspond to each page and their individual CSS
    │   └── ...
    └── utils                   # Utility functions (playBeat is here!)

응용 프로그램의 주요 논리는 다른 모든 이벤트를 제어하므로 Pages/MainPage/Index.tsx에 포함되어 있습니다.
사운드 플레이 로직은 utils/playbeat.tsx에 있습니다.
새로운 리듬 그림과 이미지를 생성하고 사이트에 추가하는 모든 과정은 이미지 생성기에서 찾을 수 있으며 ReadMe에서 더 잘 설명 할 수 있습니다.

기여

이 프로젝트에 기여하고 싶다면 감사합니다! 당신은 환영하는 것 이상입니다 :)
프로젝트의 코드 및 구조에 대해 궁금한 점이 있으면 문제를 열어 주시면 가능한 빨리 답장을 드리겠습니다. 몇 가지 문제가 열려야하므로 작업하고 싶은 것이 있는지 확인하십시오. 문제가 이미 누군가에게 할당되어 있어도 토론에 참여하는 데 부끄러워하지 마십시오.
기여하려면 프로젝트를 포크하고 새 지점을 열고 (바람직하게는 의미 론적 이름이있는), 완료되면 풀 요청을 엽니 다. 가능한 빨리 검토하겠습니다. 합병이나 피드백을 오래 기다리지 않을 것입니다.
개발 환경을 설정하려면 루트 디렉토리에서 npm install 실행 한 다음 npm start .

이것은 나의 첫 번째 React 프로젝트이기 때문에, 당신이 일반적으로 개선 될 수있는 방지 방지, 해킹 솔루션 또는 [개선] 태그로 문제를 열어주십시오! 나는 항상 내 코드를 더 좋게 만드는 방법을 찾고 있습니다 :)
피드백은 항상 감사합니다!

TODO :

• 점수 시스템 !!
• 리듬 피겨를 이미지 제너레이터의 제작으로 제거하십시오
• 이미지 제너레이터/rhythms_data.json에서 점선 노트의 더 나은 구문 분석
• 다중 비트 리듬 그림을 ​​재생하고 다른 방식으로 표시 할 수 있습니다)
  이 모든 문제는 문제 탭에 더 자세히 설명되어 있습니다. 자유롭게 기여하십시오!