https://github.com/frigus02/music-wheel-game
An HTML5 music game.
https://github.com/frigus02/music-wheel-game
html5-music-game
Last synced: 12 months ago
JSON representation
An HTML5 music game.
- Host: GitHub
- URL: https://github.com/frigus02/music-wheel-game
- Owner: frigus02
- Created: 2017-06-18T16:40:19.000Z (about 9 years ago)
- Default Branch: master
- Last Pushed: 2021-07-11T16:20:44.000Z (about 5 years ago)
- Last Synced: 2024-10-06T09:43:47.309Z (almost 2 years ago)
- Topics: html5-music-game
- Language: JavaScript
- Homepage: https://music-wheel-game.kuehle.me
- Size: 11.2 MB
- Stars: 0
- Watchers: 3
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Music Wheel Game
An HTML5 music game. I'm mostly building this to play around with some new stuff like:
- Web Components: [Custom Elements v1: Reusable Web Components](https://developers.google.com/web/fundamentals/getting-started/primers/customelements), [Shadow DOM v1: Self-Contained Web Components](https://developers.google.com/web/fundamentals/getting-started/primers/shadowdom)
- ES Modules: [ES6 Modules in Depth](https://ponyfoo.com/articles/es6-modules-in-depth), [ECMAScript modules in browsers](https://jakearchibald.com/2017/es-modules-in-browsers/)
- [Web Audio](https://developer.mozilla.org/en-US/docs/Web/API/Web_Audio_API)
- [Redux](http://redux.js.org/)
## Browser Requirements
As of now (2019-10-06) this has been tested with:
- Firefox 63
- Chrome 67
## Gameplay
- As the music plays, colored circles will be spawning in the middle.
- Collect with the mouse to trigger their effect:
- **blue**: increase points by the multiplicator
- **yellow**: increase multiplicator (+ 1)
- **red**: decrease multiplicator (/ 1.5)
- **purple**: increase color circle size for a few seconds
- Try to get as much points a possible, I guess?
## Run
```
yarn install
yarn start
```
## Music
- src/music/Come Back To You.mp3
- Title: Come Back To You
- Artist: Silence is Sexy
- [https://www.jamendo.com/track/214010/come-back-to-you](https://www.jamendo.com/track/214010/come-back-to-you)
- src/music/Stories from Emona I.mp3
- Title: Stories from Emona I
- Artist: Maya Filipič
- [https://www.jamendo.com/track/196219/stories-from-emona-i](https://www.jamendo.com/track/196219/stories-from-emona-i)