![image](https://private-user-images.githubusercontent.com/59073612/249231477-dca3fd9b-10b9-44fd-a2cd-d0e9561cfd4d.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjU2Nzc0MDYsIm5iZiI6MTcyNTY3NzEwNiwicGF0aCI6Ii81OTA3MzYxMi8yNDkyMzE0NzctZGNhM2ZkOWItMTBiOS00NGZkLWEyY2QtZDBlOTU2MWNmZDRkLnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNDA5MDclMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjQwOTA3VDAyNDUwNlomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPTQyMGY2OGFlMzhjNmE5YzhkYWZkNGFhMDVkZTZmZTA4ZGMyNzYzMjgyZjM5Njg3YzNiZWVhYmY4ZTEwZWViZGEmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0JmFjdG9yX2lkPTAma2V5X2lkPTAmcmVwb19pZD0wIn0.4Fd17KxxNix8HiHmR0Z0RYsToOixtCdPS9lkujE0194)
'DIY VIZ (Do It Yourself Music Visualization)' is a web-based tool that empowers users to create personalized music visualizations, enhancing their overall music experience.
Try to sketch your image about the music you want to express, customize your own music visualization, and assemble multiple outputs you have made!
Scale Effect | Blink Effect | Bloom Effect | Particle Effect |
---|---|---|---|
Line Effect | Gradient Effect | Horizontal Effect |
---|---|---|
- three.js (3D visualization, https://threejs.org/)
- coloris (color picker, https://simonwep.github.io/pickr/)
- pitchy (audio pitch extraction, https://github.com/ianprime0509/pitchy)
- meyda (audio energy extraction, https://meyda.js.org/audio-features)
To run this project locally, follow the below.
$ cd ../static
$ npm install
$ cd ../DIY-VIZ
$ python app.py