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!

This topic was automatically closed 180 days after the last reply. New replies are no longer allowed.