Create Audio Reactive Shaders with Three.js and Shader Park | Tutorial Hosted Through Glitch

Hey!

We just released a new written tutorial + video on creating audio reactive shaders with Three.js and Shader Park with codrops: https://tympanus.net/codrops/2023/02/07/audio-reactive-shaders-with-three-js-and-shader-park/

Our core examples for Shader Park are hosted through Glitch. Thought you all might enjoy.

Best,
Torin

4 Likes

Wait @tblankensmith - this is SO cool! Thanks for sharing, I can’t wait to play around with this on my own :cyclone:

2 Likes

As someone who has seen audio visualizations like butterchurn (milkdrop ported to browser), I’m glad someone has created a tutorial on how to achieve similar effects with just javascript.

Have you considered perhaps embedding the final site or the glitch editor (which splitscreens with a preview window by default) on the blog, that would be a bit intresting since past the youtube video most of the visuals are just images.

Really interesting article!

Great idea!