# MusicalInteractions

**Repository Path**: mirrors_codrops/MusicalInteractions

## Basic Information

- **Project Name**: MusicalInteractions
- **Description**: Some experimental ideas for playful musical interactions powered by MIDI.js.
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2020-08-08
- **Last Updated**: 2025-12-02

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# Musical Interactions

Some experimental ideas for playful musical interactions powered by MIDI.js.

![Musical Interactions](http://tympanus.net/codrops/wp-content/uploads/2016/12/MusicalInteractions_800x600.jpg)

[Article on Codrops](http://tympanus.net/codrops/?p=28980)

[Demo](http://tympanus.net/Development/MusicalInteractions/)

## License

Integrate or build upon it for free in your personal or commercial projects. Don't republish, redistribute or sell "as-is". 

Read more here: [License](http://tympanus.net/codrops/licensing/)

## Credits

- [MIDI.js](https://galactic.ink/midi-js/)
- Sounds taken from this [MIDI.js fork](https://github.com/gleitz/midi-js-soundfonts)
- ["Testing 1 2 3 4" sound](https://freesound.org/people/hgl/sounds/157781/)
- Instrument icons [designed by Freepik](http://www.freepik.com/free-vector/music-instruments-collection_939981.htm)
- Mouse icon designed by [Darius Dan](http://www.flaticon.com/free-icon/mouse_174016) from [www.flaticon.com](http://flaticon.com) 
- [SiriWave JS](https://github.com/caffeinalab/siriwavejs)
- [anime.js](http://anime-js.com/)
- [enquire.js](http://wicky.nillia.ms/enquire.js/)
- [Mousetrap](https://craig.is/killing/mice), a library for handling keyboard shortcuts in Javascript
- Photography by [Unsplash](https://unsplash.com/) and [Pexels](https://www.pexels.com)
- Fonts used: [Quicksand](https://fonts.google.com/specimen/Quicksand) and [Arapey](https://fonts.google.com/specimen/Arapey)

## Misc

Follow Codrops: [Twitter](http://www.twitter.com/codrops), [Facebook](http://www.facebook.com/pages/Codrops/159107397912), [Google+](https://plus.google.com/101095823814290637419), [GitHub](https://github.com/codrops), [Pinterest](http://www.pinterest.com/codrops/), [Instagram](https://www.instagram.com/codropsss/)

[© Codrops 2016](http://www.codrops.com)