Ejemplos ilustrativos de como usar VexFlow

Este repo contiene algunos ejemplos de como usar VexFlowJS para crear componentes de ReactJs que potencialmente pueden contener partituras y SVGs con notación y representación musical.

Por el momento hay 3 ejemplos:

• Pintando una escala en dos compases donde la importancia es entender las lines de cierre de compas.
• Como unir notas mediante el objeto BEAM.
• Como escribir acordes.

Algunos codepen útiles:

• VexFlow y Animaciones

Otro repositorio con utilización más avanzada de vexflow

Aquí puedes ver la presentación donde se expone este proyecto: Link a las diapositivas

Comenzando 🚀

Clona el repositorio

git clone https://github.com/seagomezar/vexflowexamples.git

Pre-requisitos 📋

Ten instalada la última versión de nodeJS que puedes obtener aquí: https://nodejs.org/es/

Instalación 🔧

Ejecuta npm install para instalar las dependencias.

Ejecución ⚙️

Ejecuta npm run dev para un servidor de dev. Navega a http://localhost:3000/. La aplicación se recargará automáticamente cuando hagas algun cambio en el código.

Construido con 🛠️

• React - Una biblioteca de JavaScript para construir interfaces de usuario.
• VexFlow - VexFlow es una API de representación de notación musical Open-Source. Está escrito

Autores ✒️

• Sebastian Gomez - Trabajo Completo - seagomezar

¿Qué sigue para este proyecto?

• Incluir más ejemplos y tutoriales que les permita a los desarrolladores javascript entender mejor como funciona vexflow.
• Cuentame tus ideas con un PR!

Expresiones de Gratitud 🎁

• Comenta a otros sobre este proyecto 📢
• Invitame una cerveza 🍺 o un café ☕.
• Da las gracias públicamente 🤓 my twitter @sebasgojs.
• etc.

---

⌨️ con ❤️ por sebasgojs 😊