0x48piraj / aos Goto Github PK
View Code? Open in Web Editor NEWAroma of the Songs — Visualizing music in the form of intricate rose petals using moving cube traces.
Home Page: https://0x48piraj.com/projects/aos/
License: MIT License
Aroma of the Songs — Visualizing music in the form of intricate rose petals using moving cube traces.
Home Page: https://0x48piraj.com/projects/aos/
License: MIT License
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.
→ Produced by <author>
using <Tumbaru>
Temporary solution
Detecting the device using various techniques and displaying a little pop-up.
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:
Both these bugs can be squashed by declaring proper actions and wrapping them with an event listener preferably using addEventListener()
A declarative, efficient, and flexible JavaScript library for building user interfaces.
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google ❤️ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.