[HN Gopher] Show HN: React Guitar - A guitar component for React
___________________________________________________________________
Show HN: React Guitar - A guitar component for React
Author : 4lejandrito
Score : 77 points
Date : 2020-07-22 20:56 UTC (2 hours ago)
(HTM) web link (react-guitar.com)
(TXT) w3m dump (react-guitar.com)
| rickducott wrote:
| Great work! Makes me want to pick up my guitar :)
| yingw787 wrote:
| Very cool! Too bad we only have one cursor...it'd be cool to have
| friends join in as extra "fingers" and play melodies in a QWOP-
| like fashion :P
| lvturner wrote:
| The Amiga used to let you plug in two mice - this is how
| Lemmings two player works!
| PascLeRasc wrote:
| This is so cool! Super responsive and fun.
| daiyanze wrote:
| This is awesome! Btw, I personally think that it'd be better to
| have orchestration feature for a complete music.
| pxi wrote:
| Very nice! Humble suggestion: Add some Neil Young and Joni
| Mitchel tunings.
| 4lejandrito wrote:
| Thanks for the suggestion. I've been doing my research (sorry I
| have limited guitar knowledge, I am learning Spanish flamenco
| now).
|
| According to
| https://en.wikipedia.org/wiki/List_of_guitar_tunings
|
| You might be referring to:
|
| Neil Young -> "B-F-B-E-G-B" or "D-A-D-G-B-D"
|
| Joni Mitchel -> "D-A-D-F-A-D" or "G-G-D-G-B-D"
|
| Which ones are the correct ones?
| the_cat_kittles wrote:
| lovely- the demo could have a little wider view of the fretboard,
| maybe 6 or 8 frets at a time.
| porkloin wrote:
| Very nice! I have been working on a triad and inversion practice
| tool in React and may seriously consider rewriting it to use your
| component. https://porkloin.github.io/triad-practice-mk2/
|
| Any chance that the fingering indicators can take text or color?
| I use that a lot in my current tool. Not to rush you with feature
| requests or anything :p
| 4lejandrito wrote:
| Your app looks super interesting by the way. I might find it
| useful too.
| 4lejandrito wrote:
| So glad you liked it :)
|
| You can customise the content of the indicators with the
| "renderFinger" prop and render whatever you want inside.
|
| See https://github.com/4lejandrito/react-
| guitar/blob/master/pack...
|
| Feel free to create an issue if that's not enough for you. I'll
| be more than happy to help.
| iddan wrote:
| Awesome! Works great on my iPhone SE
| jfengel wrote:
| Very clever. Took me a second to figure out how to mute a string.
| I figured it out, and I can't think of a better way, but
| otherwise it was quite easy to figure out.
| 4lejandrito wrote:
| I couldn't figure out a better way either.
|
| Thanks for your comment :)
| kvst wrote:
| as a left-handed guitarist, I really appreciate the left-handed
| option.
| tfeldmann wrote:
| Looks nice! I'm currently working on something similar based on
| vue:
|
| https://fretty.app
|
| It's a work in progress but you can already play around with
| scales and different tunings
| 4lejandrito wrote:
| I really like fretty!
|
| In fact react-guitar is the end result of a very similar
| project that I never finished.
|
| I needed to reuse the guitar component for another project I am
| working on now so I decided to make it open source.
| uhoh-itsmaciek wrote:
| These are both great! I also have a similar project:
| https://fretboard.cool
| delvinj wrote:
| Seems like fretboard apps are a favorite pastime.
|
| Here's mine http://firemeinterns.com/fretter/
| divbzero wrote:
| Both React Guitar and Fretty look awesome. Every time I see
| components like these, I wish the web weren't fractured into
| different frameworks.
___________________________________________________________________
(page generated 2020-07-22 23:00 UTC)