Vertical piano layout

[josephktcheung]

Description

I'd like to create a vertical piano layout similar to logic pro, which should be exactly the current piano layout but make it vertical.

Below is snapshot from logic pro. It's using traditional piano layout with raised black keys over white keys, while isomorphic layout places all notes linearly right after one another.

Proposed Solution

Add a new verticalPiano layout which layout piano layout vertically.

Describe Alternatives You've Considered

Fork the library and add the new layout

Additional Context

No response

[aure]

Can you just take the regular piano and apply a rotation?

[josephktcheung]

Can you just take the regular piano and apply a rotation?

This is a snapshot after I rotate the piano by -90 degrees. It's okay but the words are vertically written which is a bit difficult to read.

Below is how I rotate it:

Keyboard(layout: .piano(pitchRange: (Pitch(36)...Pitch(75))))
    .rotationEffect(.degrees(-90))

[aure]

yeah, so constrain its width (or height pre-rotation) and you almost have it. I guess you want the labels to be rotated? I guess a .verticalPiano option is pretty trivial. Want to give it a shot?

[josephktcheung]

BTW I'm using the verticalIsomorphic layout in my project right now which already looks good to me, however there may be users who want to mimic logic pro / vocaloid editor to a T.

Also adding vertical piano layout is not difficult I believe.

[josephktcheung]

yeah, so constrain its width (or height pre-rotation) and you almost have it. I guess you want the labels to be rotated? I guess a .verticalPiano option is pretty trivial. Want to give it a shot?

Sure, will open a PR sometime later.

[josephktcheung]

@aure please review https://github.com/AudioKit/Keyboard/pull/20