Drop the bass is WebGL and Web Audio experiment. I used React and Redux for dealing with interface. The audio source is SoundCloud API.
You can see the result on: http://dazzz.github.io/dropthebass/
npm install
npm run dev
The source code is located in /app/
folder. This folder has the following structure:
Set of React components used in the app.
index.js
- renders app.js.app.js
- smart component that wraps the whole application.player.js
- player displayed in left upper corner. Allows seeking through the song and pausing it.gaussian.js
- WebGL gaussian curve visualisation. Takes intensity as a parameters and renders it on screen.
/app/utils.js
for initializing routines;/app/shaders/
folder;modal.js
- modal window for opening new songs.Actions, Reducers, Stores are paradigms of Redux library for handling user interactions and managing data state.
Here is the list of all tasks that I accomplished in course of doing this assignment:
requestAnimationFrame()
.