0x48piraj / aos Goto Github PK

Giving the user more options to generate custom viz. by,

• Stroke size c3d871e
• Cube shrinking rate 4dabdf9
• The rotation angle c3d871e
• The rotation speed 4dabdf9

Bug:

When the song finishes, the drawing function finalizes leaving the canvas uncompleted (viz. in middle).

Possible solution:

Adjusting the whole song. Synchronizing the song with box size. (get song's duration, if > x (66?) { handler() })

More color palettes other than Red.

Problem:
The rotation state does not stop with the song stopping thus causing them to unsync.

Possible solution:
Store the rotate state over toggleSong() function.

Rather than just exporting the current canvas to img tag via utilizing HTMLCanvasElement.toDataURL(), users should be able to see all the viz.

Possible solution:

Using DOM manipulation to create an Image gallery.

• Separating options and the canvas (beautiful interface).
• About the Project.

→ Produced by <author> using <Tumbaru>

Temporary solution

Detecting the device using various techniques and displaying a little pop-up.

• Spotify or any other audio streaming service or,
• Free Music API

• Supports loading songs from remote URL

Classifying the song using mathematical techniques and providing an auto mode which utilizes this feature to choose the appropriate color, for example,

if (song==romantic) {
  setColor(red)
} else if (song==abstract) {
 ...
}

Emotion aware music detection, know what kind of song it is using lyrics & NLP, A# sharp, or utilising other techniques without using computationally intensive methods.

TODO:

Implementing a custom loading screen.

Bug:

Currently, the default p5 loader shows Loading ... while the color picker renders way before the setup() finishes loading.

Bugs:

1. When changing the song without pausing, two songs overlap and the app becomes unresponsive.
2. When toggling the song, causing it to pause then changing the song and playing the new song makes the canvas overwrite the previous content.

Both these bugs can be squashed by declaring proper actions and wrapping them with an event listener preferably using addEventListener()