seagomezar/vexflowexamples

Vexflow examples for cleaning music writting

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 😊