levada

โครงการนี้มีจุดมุ่งหมายที่จะเป็นเว็บไซต์ที่คุณสามารถฝึกฝนโซลฟ์จังหวะของคุณผ่านตัวเลขจังหวะเดียวที่เรียบง่าย ลองใช้เว็บไซต์ที่ https://vernalhav.github.io/levada/

ภาพรวม

Sight Reading Sheet Music เป็นงานที่น่ากลัว ไม่เพียง แต่คุณจำเป็นต้องกังวลเกี่ยวกับลายเซ็นที่สำคัญอุบัติเหตุคอร์ด, ข้อต่อ แต่ยังเกี่ยวกับจังหวะ! โครงการนี้เกิดขึ้นจากการเดินทางของฉันพยายามที่จะเป็นนักดนตรีที่ดีขึ้นและต้องการวิธีที่ดีในการฝึกความเข้าใจตัวเลขจังหวะที่พบบ่อยที่สุด โครงการได้รับแรงบันดาลใจอย่างมากจากวิดีโอของ Saher Galt ในจังหวะ
ปัจจุบันไซต์อยู่ในเวอร์ชัน Barest Bones ที่เป็นไปได้ แต่ก็เพียงพอแล้วที่จะเริ่มฝึก!

1. ใช้ปุ่มเพิ่มหรือลบ Beats เพื่อระบุจำนวนจังหวะที่ต้องการ
2. ตั้งค่า BPM เป็นจำนวนเงินที่ต้องการ
3. เลือกจังหวะที่คุณต้องการฝึกฝนโดยเช่นกัน
   3.1. การเลือกตัวเลขที่คุณต้องการปรากฏโดยการเปิดบานหน้าต่าง "เลือกตัวเลข" (ตรวจสอบ crotchet) และเพิ่มจังหวะ
   3.2. การตั้งค่าจังหวะที่เฉพาะเจาะจงโดยเลือกแต่ละรูปแต่ละตัวในบานหน้าต่าง "เลือกรูป" (บวก) และเลือกตัวเลขที่ต้องการ
4. คลิกปุ่มปิดเสียง
5. เล่นลำดับและคลิกที่ใดก็ได้ด้านล่างเมนูปุ่มเมื่อใดก็ตามที่คุณคิดว่าควรเล่นโน้ต
6. เปิดออกเล่นลำดับอีกครั้งและตรวจสอบความคืบหน้าของคุณ :)

ภาพหน้าจอ

การสนับสนุนเบราว์เซอร์

แพลตฟอร์ม	โครเมี่ยม	ขอบ	Firefox	ซาฟารี
คอมพิวเตอร์	ใช่	ใช่	ใช่	ยังไม่ได้ทดสอบ
iOS	ใช่	ยังไม่ได้ทดสอบ	ยังไม่ได้ทดสอบ	ใช่
Android	ใช่	ยังไม่ได้ทดสอบ	ใช่	ยังไม่ได้ทดสอบ

อย่าลังเลที่จะทดสอบสิ่งนี้ในเบราว์เซอร์อื่นและอัปเดต 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!)

ตรรกะหลักของแอปพลิเคชันมีอยู่ในหน้า/mainpage/index.tsx เนื่องจากควบคุมเหตุการณ์อื่น ๆ ทั้งหมด
ตรรกะการเล่นเสียงอยู่ใน utils/playbeat.tsx
กระบวนการทั้งหมดของการสร้างตัวเลขจังหวะใหม่และภาพของพวกเขาและการเพิ่มลงในไซต์สามารถพบได้ในเครื่องสร้างภาพและอธิบายได้ดีขึ้นเกี่ยวกับ readme

การบริจาค

หากคุณต้องการมีส่วนร่วมในโครงการนี้ขอบคุณ! คุณเป็นมากกว่าการต้อนรับ :)
หากคุณมีคำถามใด ๆ เกี่ยวกับรหัสและโครงสร้างของโครงการโปรดเปิดปัญหาและฉันจะตอบกลับโดยเร็วที่สุด ควรมีปัญหาบางอย่างที่เปิดดังนั้นตรวจสอบว่ามีสิ่งใดที่คุณต้องการทำงานหรือไม่ อย่าอายที่จะเข้าร่วมการสนทนาแม้ว่าปัญหาจะได้รับมอบหมายให้ใครบางคนแล้ว
ในการมีส่วนร่วมให้แยกโครงการเปิดสาขาใหม่ (ควรมีชื่อความหมาย) จากนั้นเมื่อคุณทำเสร็จแล้วให้เปิดคำขอดึง ฉันจะตรวจสอบพวกเขาโดยเร็วที่สุดดังนั้นคุณจะไม่ต้องรอนานสำหรับการรวมหรือข้อเสนอแนะ
ในการตั้งค่าสภาพแวดล้อมการพัฒนาเพียงเรียกใช้ npm install บนไดเรกทอรีรูทแล้ว npm start

นี่เป็นโครงการตอบสนองครั้งแรกของฉันดังนั้นหากคุณเห็นการต่อต้านรูปแบบใด ๆ วิธีแก้ปัญหาแฮ็คหรือสิ่งที่สามารถปรับปรุงได้โดยทั่วไปโปรดเปิดปัญหาด้วยแท็ก [ปรับปรุง]! ฉันมักจะมองหาวิธีที่จะทำให้รหัสของฉันดีขึ้น :)
ข้อเสนอแนะได้รับการชื่นชมเสมอ!

สิ่งที่ต้องทำ:

• ระบบการให้คะแนน !!
• ลบรูปจังหวะไปยังเครื่องสร้างภาพ
• การแยกโน้ตจุดประที่ดีกว่าในเครื่องสร้างภาพ/rhythms_data.json
• เล่นตัวเลขจังหวะหลายจังหวะ (และอาจแสดงในวิธีที่แตกต่างกัน)
  ปัญหาทั้งหมดเหล่านี้มีรายละเอียดที่ดีกว่าในแท็บปัญหา อย่าลังเลที่จะมีส่วนร่วม!