PWA Song Hop using Three.js and Web components

Showcase
1

I had fun learning Three.js, so I challenge myself to make a copy of Tile Hop with the list of my fav songs.

Got to learn how to read audio files and parse its frequency to detect a beat and RGB lerp color effects

I have used ES6, Webpack, Three.js, Lodash, Web components, Hammer.js and Workbox.

Demo: https://onecompileman.com/song-hop/
Github repo: https://github.com/onecompileman/pwa-3d-song-hop

4 Likes
2

Looks neat, feels really weird to play though. Not very clear what’s going on, and doesn’t “feel” like the game is in sync with the song.

1 Like
3

So the ball hits the panels automatically? At first I thought I was supposed to avoid the panels, I assumed they were obstacles.