Live Version: Link
I developed a musical hoverboard that gives you a music notee when you click on a tile! I used JavaScript to create tiles automatically and to add events to everything. I used Tone.js web audio framework to render musical notes. I made a skeleton loading for the tiles.
- Added more tiles and expanded the width of the app!
- Increased the loading animation time for enjoy.
- Added forwarding url to
copyright
button. - Added 'RGB Mode' when you click on "Let's Get Started" button.
- Some improvements on the code readibility and added comment blocks.
If you want to edit the number of tiles you have to change const TILE_COUNT = 500
in 'app.js'
The app is responsive but if you want more tiles on a one row than you need to change the col-count variable in app.css
#app { --col-count: 20; }