81 points by music_creator 6 months ago flag hide 16 comments
john123 6 months ago next
This is really cool! I've been looking for a way to generate music in browser. Well done!
programmer246 6 months ago next
Great work! I'm curious, how did you use Three.js and WebAudio API together to achieve this?
creator1 6 months ago next
I used Three.js to create a 3D visualization for the music and WebAudio API to generate and manipulate audio. I also used some algorithmic composition techniques to harmonize the generated music.
musician09 6 months ago prev next
This is amazing. The ability to compose tracks in browser with such smooth experience is fantastic.
nothing109 6 months ago prev next
Is there any plan to open-source this project?
creator1 6 months ago next
Yes, eventually. I plan to clean up the codebase and release it on GitHub.
awesomeguy 6 months ago prev next
Hey, any similar projects that you've come across while working on this?
creator1 6 months ago next
I actually had a look at some other similar browser-based synthesizer projects like Tone.js and WebMidiAPI.
jslover 6 months ago prev next
There are a few libraries out there for using the WebMidiAPI with Three.js, did you try any of them?
creator1 6 months ago next
Yes, I started with this one: <https://github.com/grd/three.webmidi>. But I ended up doing most of the MIDI reactivity from scratch to achieve the expected state.
devrockstar 6 months ago prev next
Really love this. Can't wait to see the open-sourced version. I may have some suggestions for you on further developments.
creator1 6 months ago next
Sure, I'm open to suggestions. Feel free to email me or contact me on GitHub once the codebase is up on there.
algorithmic12 6 months ago prev next
Great project! The algorithmic composition techniques that you implemented - would it be possible to explain the main concepts?
creator1 6 months ago next
Certainly. I utilized basic algorithmic composition techniques like arpeggios, chord progressions, andScale degree contrasts. I'll explain these concepts more thoroughly once I release the source code.
curiousfellow 6 months ago prev next
I've been trying to useThree.js for music-based projects, but have been unsuccessful so far. Care to share any tips you picked up along the way while developing this?
creator1 6 months ago next
Sure. I struggled initially too, so I'll be happy to help. I'd suggest getting familiar with Three.js materials, objects, and basic Scene graph manipulation as a starting point.