-
-
Image of the glowing sphere visualization
Inspiration
Since the theme of the hackathon was space, we thought it would be interesting to make a visualizer for sounds and radio waves in space created by cosmic objects like planets and galaxies.
What it does
Our project provides users with an interface featuring a visualizer that looks like the Sun which will appear and move based on the frequencies of the audio.
How we built it
We used React and Three.js to implement the audio visualizer. For the audio itself, we relied on resources such as the University of Iowa's collection of space sounds.
Challenges we ran into
One challenge we ran into was this being our first time making a creative coding project. As a result of that, we had to learn and experiment with different technologies before ultimately settling on Three.js.
Accomplishments that we're proud of
We were proud of learning creative coding and graphical libraries, and of figuring out how to add in the audio and integrate it with the visualizer.
What we learned
We learned a little bit intermediate and advance React and how to incorporate audio to web design.
What's next for Astro-visuals
In the future we may add in a larger audio library or functionality to use APIs to dynamically get space audio. We may also improve our visualizer graphically, such as implementing visualizations based off cosmic objects other than the Sun, polishing up the UI, etc.. For educational value, we could also include information about space audio or links to such resources, to teach users about what space audio is, how it is recorded, etc.
Log in or sign up for Devpost to join the conversation.