https://github.com/learosema/music-paint
paint some noise!
https://github.com/learosema/music-paint
Last synced: 11 months ago
JSON representation
paint some noise!
- Host: GitHub
- URL: https://github.com/learosema/music-paint
- Owner: learosema
- License: mit
- Created: 2016-12-23T15:23:43.000Z (over 9 years ago)
- Default Branch: gh-pages
- Last Pushed: 2022-09-07T11:45:45.000Z (almost 4 years ago)
- Last Synced: 2025-04-14T17:37:58.940Z (about 1 year ago)
- Language: JavaScript
- Size: 10.7 KB
- Stars: 10
- Watchers: 0
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE.md
Awesome Lists containing this project
README
# Music Paint
This is a little web audio experiment where you can paint music. [Demo](https://learosema.github.io/music-paint)
Every stroke makes some noise. Either sine, square, triangle, sawtooth or white noise.
It has some cool features:
* Unlimited canvas, (use the right mouse button to explore the canvas, or switch to move mode to move around)
* Multi-touch is supported
* Shake your phone to start over
* Thanks to Web MIDI API, you can connect a MIDI device and make some noise :)
* Or you can just use the keyboard
* Save your work as an SVG file and reopen it for later use ☺
Limitations:
* every tone is like a function (x) => y (only one y per x).
PS: Special thanks to my testers: My nieces (ages 4 and 7) had a lot of fun playing with it ☺