Analog Sea

From the duo that brought you smash hits like Brohaj, we now bring you Analog Sea. Analog Sea is a synth that you can play on the Web.

It supports input through Web MIDI on the browsers that support it (sorry Firefox and Safari users), and a virtual on-screen keyboard.

Come on and try it out! :)

Inspiration

I was listening to a lot of Louie Zong's music and the first thing I thought of when I heard Deep Dive Hacks was Analog Sea, which was definitely not based on DigitalOcean.

Meanwhile, GHW Oct is coming up and I thought hey, everyone wants Ryan to play an instrument, but what if he does not have one?

I realised what I had to do. I took two things that Ryan loves most, BLAHAJ and playing instruments and put them together in this hack.

What it does

Steps to try out AnalogSea:

1. press button
2. wow sound
3. repeat

How we built it

We used TailwindCSS, because it's awesome, and using Tailwind Play helped me get an idea for what this hack would look like.

Challenges we ran into

• Moved over to React halfway through
• Figuring out WebAudio API
• Not waking my parents up with all the noise

Accomplishments that we're proud of

• I think it looks pretty cool

What we learned

• React hooks
• WebAudio API
• WebMIDI API

What's next for Sea Bass

Add bongo cat, obviously 10000x improvement

Built With

• javascript
• webaudio
• webmidi