$chiubaca / notes / fleeting / 2021-10-17
  • Carried on snooping around the shader source code at - https://codesandbox.io/s/orb-shader-7n8j7?file=%2Fsrc%2Findex.js

  • Forked the code and wired it up to dat.GUI instead. https://stackblitz.com/edit/vite-wzp45r

    • I now have hooks into the shader code with JS!! - https://twitter.com/chiubaca/status/1449700244468473860
    • Can I turn this into music visualiser?!
  • You make a synthesizer with the web audio api! - https://www.youtube.com/watch?v=laCjGMhASp8

  • This was a great tutorial on making a audio player with vanilla js - https://www.youtube.com/watch?v=jZL9gVwxO-U

  • Going the down the rabbit hole of web audio.

    • got music streaming via the Audius API working
    • How do I extract the music meta data like frequency and volume etc, the i can wire these up to be visualised
    • Need to read:
      • https://medium.com/swlh/visualizing-sound-with-d3-and-web-audio-api-435ffea88f30
      • https://noisehack.com/build-music-visualizer-web-audio-api/
Edit on GitHub ✏️

Hey I'm Alex Chiu 👋. These are my notes for literally anything.

I'm using the Zettelkasten method to organise my thoughts here.

My more polished writings are published to my main blog at chiubaca.com

Follow me on: Github / X (Twitter) / Mastodon / LinkedIn