Ardour MIDI Editing 3

Previously:
Ardour MIDI Editing 1
Ardour MIDI Editing 2

Underlay

MIDI Editor A
Another MIDI region as underlay. Making use of colour perspective: blue steps into the background. For the same reason my notes are orangish, to come to the front (and be warm, inviting). The short grooves mark grid steps and are meant to look distinct from notes in a row.

Smart dragging

MIDI Editor B
Dragging from empty space does rubber band selection. If the selection rectangle doesn’t fully enclose any note, the starting row is filled with a note (indicated by an outline while dragging). In the very odd case of someone wanting a note that completely overlaps another note on the same row, it can still be done by creating a shorter note and then extending it, or creating the note on another row and moving it.

Rubber banding selecting all touched (not necessarily encased) notes could be had with a modifier key.

MIDI Editor C
The encased note is selected. I will likely have to create more plain graphics, but for now I’m having a bit of fun showing what could be done ;)

MIDI Editor D
Initially I thought of showing the 3 target areas on mouse-over plus highlighting the active one. But sectioned highlighting does both jobs.

MIDI Editor E
2 variations on indicating whether a note is exactly on a grid position or not (bottom note is not).

About these ads

About thorwil
I'm a designer from Germany. My main interests are visual and interaction design, free/open-source software and (electronic) music.

One Response to Ardour MIDI Editing 3

  1. thorwil says:

    “morningmarigold” in the Ardour IRC channel came up with the idea of drawing notes straight on grid positions as rectangles with hard corners, using rounded corners otherwise. Allthough I drew all notes with rounded corners not just to make them look nicer but to make them stand apart from each other more clearly, this might be a better approach than the 2 in my last mockup.

    Discussion continues at http://ardour.org/node/987

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s

%d bloggers like this: