https://github.com/davidryan59/retuner

https://github.com/davidryan59/retuner

Last synced: 3 days ago
JSON representation

• Host: GitHub
• URL: https://github.com/davidryan59/retuner
• Owner: davidryan59
• License: gpl-3.0
• Created: 2017-11-11T00:12:05.000Z (about 7 years ago)
• Default Branch: master
• Last Pushed: 2022-12-03T10:29:10.000Z (almost 2 years ago)
• Last Synced: 2024-08-02T05:08:03.502Z (3 months ago)
• Language: JavaScript
• Size: 2.35 MB
• Stars: 8
• Watchers: 3
• Forks: 0
• Open Issues: 30
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
## ReTuner

You can [try the app out in a web browser](https://re-tuner.web.app), or access the [Facebook support group](https://www.facebook.com/groups/retuner).

### Brief / Scope of Project

Making a musical instrument in a web browser

### What I did

Made a Javascript web app, hosted by Firebase, which allows the user to type various keys on their keyboard, and hear different notes coming out of their speakers. The notes should retune with every key press! This means that music is played by intervals between subsequent notes, and not by absolute position / pitch of note.

### Technologies I used

- HTML

- CSS + Flexbox

- Javascript (ES6) + npm + Babel + Webpack

- Web Canvas API

- Firebase

### Result

Some melodies become a lot easier to play, e.g. arpeggios, since all that is needed is to repeat the intervals multiple times. Some things are harder, e.g. keeping track of where a specific pitch is. Some things are features (definitely not bugs) - e.g. if two notes are played simultaneously then the two events happen in a random order and one of two chords is possible. The note order is non-commutative! This instrument is therefore suited to melody, and not harmony, however quick arpeggios are fine.