# Muon - Music Visualizer using Three.js (WIP)

**URL:** <https://discourse.threejs.org/t/muon-music-visualizer-using-three-js-wip/58227>\
**Category:** Showcase\
**Tags:** gui, animation, music, shaders\
**Created:** [November 16, 2023, 12:02pm UTC](https://discourse.threejs.org/t/muon-music-visualizer-using-three-js-wip/58227 "2023-11-16T12:02:19Z")\
**Posts on this page:** 1\
**Page:** 1

<div class="post-metadata">

**Author:** ![najafmohammed](https://yyz1.discourse-cdn.com/flex035/user_avatar/discourse.threejs.org/najafmohammed/32/42006_2.png) [@najafmohammed](https://discourse.threejs.org/u/najafmohammed)\
**Post date:** [November 16, 2023, 12:02pm UTC](https://discourse.threejs.org/t/muon-music-visualizer-using-three-js-wip/58227/1 "2023-11-16T12:02:19Z")

</div>

Link to project : [Muon Music Visualizer (muon-vis.netlify.app)](https://muon-vis.netlify.app/)  
Link to Github : [GitHub - najafmohammed/muon-music-visualizer](https://github.com/najafmohammed/muon-music-visualizer)

 ![image](https://canada1.discourse-cdn.com/flex035/uploads/threejs/original/3X/2/2/22204cb01b10ea46f8623092b7e78d48143d8145.jpeg)

Hi, there I been trying to learn 3.js for about a year now and I started out with this project to learn about it with each new iteration of the project adding something I learned and modifying the visualizer along the way. The code is messy and not optimized at all but It was the best i could manage working on it on and off again.

Any feedback would be helpful about what could be improved about the project or any optimization tips.  
PS - You have to load an audio / video file to start the visualizer using the file icon on the left.  
The search function just returns a predefined API request from the NoCopyrightSounds api( [nocopyrightsounds-api - npm (npmjs.com)](https://www.npmjs.com/package/nocopyrightsounds-api)) -Need to add search functionality in future update.