Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Add new "piano roll" graphic #12

Open
lemiffe opened this issue May 6, 2017 · 0 comments
Open

Add new "piano roll" graphic #12

lemiffe opened this issue May 6, 2017 · 0 comments
Milestone

Comments

@lemiffe
Copy link
Collaborator

lemiffe commented May 6, 2017

Consists of a set of 12 small lines across the horizontal area, increasing in height, which will represent the current note being played of one of the MIDI devices.

Map each note to the graphic using something similar to this in mutateGameState:

const keyColors = {
        'C': 0x9966FF,
        'D': 0xFF0000,
        'E': 0x00FF00,
        'F': 0x0000FF,
    };
    if (midiNotes.length) {
        state..item.. = keyColors[midiNotes[0].note.key] || 0x9966FF

But instead of changing the colour, we make it visible or not.

@lemiffe lemiffe added this to the Phase 1 milestone May 6, 2017
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

1 participant