Piano Flow: A music game made with Vue.js

Piano-Flow with Vue.js

A music game follows the piano flows. Its rhythm mode inspired by Touch Pianist, thanks to Batuhan Bozkurt. This project is an adaptation from the Touch Pianist, made with Vue.js and other libraries.

The structure is a experimental combination of SPA based on Vue 2 and MUG based on Pixi.js, MIDI.js, etc.

Regarding browser compatibility, the game was developed in Chrome 54 (Mac OS X) without cross-browser testing.

Frameworks and Libraries used for this project are

• Vue
• Pixi.js
• Midi.js

• RxJS

• From Paper to Screen
• Touch Pianist
• Euphony

• NeoTrap

• EB Garamond

Have fun with this nice music piano game, here. The repository is available on GitHub.

If you are interested in learning piano here is a post that might help you.