https://github.com/1j01/tri-chromatic-keyboard

🎹 Better than a traditional piano layout
https://github.com/1j01/tri-chromatic-keyboard

app chromatic html5 html5-application instrument keyboard midi midi-api midi-app midi-device midi-js music musical-instrument scale tri-chromatic trichromatic web web-app web-application web-midi

Last synced: 3 months ago
JSON representation

🎹 Better than a traditional piano layout

• Host: GitHub
• URL: https://github.com/1j01/tri-chromatic-keyboard
• Owner: 1j01
• License: mit
• Created: 2016-01-09T05:10:05.000Z (almost 9 years ago)
• Default Branch: gh-pages
• Last Pushed: 2016-08-27T22:14:31.000Z (about 8 years ago)
• Last Synced: 2024-05-20T21:44:48.075Z (6 months ago)
• Topics: app, chromatic, html5, html5-application, instrument, keyboard, midi, midi-api, midi-app, midi-device, midi-js, music, musical-instrument, scale, tri-chromatic, trichromatic, web, web-app, web-application, web-midi
• Language: JavaScript
• Homepage: http://1j01.github.io/tri-chromatic-keyboard/
• Size: 2.52 MB
• Stars: 12
• Watchers: 3
• Forks: 1
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE.md

Awesome Lists containing this project

• awesome-javascript-audio - tri-chromatic-keyboard - nice, easy way to play piano for those who _can't_ play piano (different key layout) (MIDI instruments / Piano)

README

        
# [Tri-Chromatic Keyboard][app]

This is an implementation of

Roy Pertchik's [Tri-Chromatic Keyboard Layout][]

as a [web app][app].

You can select a scale to highlight and can optionally disable keys outside that scale.

The application supports mouse, pen, touch, and keyboard inputs.

(The keyboard support currently assumes a QWERTY layout,

which is possibly ironic for a project

focused on reinventing the keyboard.)

Uses [MIDI.js][] for audio output.

### TODO:

* Allow switching instruments and configuring effects

* Choose keyboard layout mapping by swiping across keys

[Tri-Chromatic Keyboard Layout]: http://musicnotation.org/wiki/instruments/tri-chromatic-keyboard-layout/

[app]: http://1j01.github.io/tri-chromatic-keyboard/

[MIDI.js]: https://github.com/mudcube/MIDI.js