vexflow example code?

919 views
Skip to first unread message

Sam Post

unread,
Aug 12, 2014, 5:35:09 PM8/12/14
to vex...@googlegroups.com
Does anyone have (or know of somewhere with) some short musical examples written in vexflow? I'm trying to figure my way through the code, but a few more examples (beyond the tutorial) would be very helpful. Thanks.

Mohit Muthanna Cheppudira

unread,
Aug 12, 2014, 6:37:55 PM8/12/14
to vex...@googlegroups.com
Best place for examples is the test/ directory. Pull up flow.html in your browser to see the renderings.


On Tue, Aug 12, 2014 at 5:35 PM, Sam Post <samue...@gmail.com> wrote:
Does anyone have (or know of somewhere with) some short musical examples written in vexflow? I'm trying to figure my way through the code, but a few more examples (beyond the tutorial) would be very helpful. Thanks.

--
--
You received this message because you are subscribed to the Google
Groups "vexflow" group.
To post to this group, send email to vex...@googlegroups.com
To unsubscribe from this group, send email to
vexflow+u...@googlegroups.com
For more options, visit this group at
http://groups.google.com/group/vexflow?hl=en

---
You received this message because you are subscribed to the Google Groups "vexflow" group.
To unsubscribe from this group and stop receiving emails from it, send an email to vexflow+u...@googlegroups.com.
For more options, visit https://groups.google.com/d/optout.



--
Mohit Muthanna [mohit (at) muthanna (uhuh) com]

Sam Post

unread,
Aug 14, 2014, 3:23:14 PM8/14/14
to vex...@googlegroups.com, mo...@muthanna.com
Yes, I have found those to be very helpful! However, some of them I can't quite understand (my own beginner-ness with javascript probably to blame) and they also can be somewhat difficult to navigate. For instance, I've just gone through and figured out how to connect staves for a piano piece, and then how to draw bar lines, but now I'm stuck on drawing a new connector between the two staves for the subsequent bar lines. I suspect there's a simpler solution to do this automatically, rather than putting in each bar in each stave and each connector separately, but I have to search through the tests and find what I'm looking for! Same happened to me with automatic beaming....I couldn't find or figure out the test for automatic beaming, so I wrote my own auto-beam function, but then, that of course, was before I had figured out how to write multiple bars of music, so I keep needing to update it every time I learn something new. If there's anywhere where someone, say, has just posted a few measures of piano music, I would be able to figure these things out much more quickly, so if they exist, let me know! Thanks!

Sam Post

unread,
Aug 21, 2014, 5:05:49 PM8/21/14
to vex...@googlegroups.com, mo...@muthanna.com
Okay, I've actually figured everything out pretty well! (I made a little sight reading page for my beginner piano students). But I do have a question: I saw that you can put in finger numbers for guitar tabs, but is there a way to add simple piano fingering?

Craig Morrison

unread,
Feb 14, 2015, 12:50:28 PM2/14/15
to vex...@googlegroups.com, mo...@muthanna.com
Sam,  I'm having the same problem of not knowing how to display multiple measures of music using VexFlow.  You seem to have figured it out, but I cannot see the code you wrote to make that happen.  I got the test cases to work, and also was able to redisplay the short examples from the tutorial.. Problem?  I want it to write a webapp  with vexflow as the rendering engine, which resizes based on the size of the screen...basically, a "responsive" view of whichever score was being displayed.  The first step to make progress though, would be to learn how to display multiple measures.  Thanks in advance for any tips you can give.

Best regards,
Craig

Matthew Shafer

unread,
Oct 19, 2016, 1:03:15 AM10/19/16
to vexflow, mo...@muthanna.com
Craig,
   Were you able to figure it out? I'm struggling with this as a well.
Reply all
Reply to author
Forward
0 new messages