Build Your Own Live Music Visualization

Music visualization brings back nostalgia if you were a Winamp user. @CharStiles will teach us how to live-code music visualizations in this episode! 00:00:00 When did you figure out how to be creative with code? 00:05:20 What is your preferred medium for coding? 00:14:54 How did you get into doing this as a performance? 00:20:00 How do I find shows near me? 00:22:30 How should I start with building a shader? 00:38:01 Writing a polar coordinate system 00:38:01 Writing a polar coordinate visualizer 00:48:03 How can we make the oval a circle? 01:00:00 Welcome 01:16:39 What tools do you use when you're doing a live performance? 01:20:50 Where can we learn more? * demo: https://www.shader.place/present.html?room=bump174 * repo: https://gist.github.com/CharStiles/9d486f79a199d9afdf86f00edc95438a Links: - https://www.shader.place - https://hexler.net/kodelife - https://thebookofshaders.com/ - https://www.shadertoy.com/ - https://shader.zone/ - https://www.twitch.tv/curiouslyminded - https://toplap.org - https://www.youtube.com/watch?v=WmW6SD-EHVY - http://charstiles.com/email/ Watch future episodes live at https://twitch.tv/jlengstorf This episode was sponsored by: - Netlify (https://lwj.dev/netlify) - Fauna (https://lwj.dev/fauna) - Auth0 (https://lwj.dev/auth0) Live transcription by White Coat Captioning (https://whitecoatcaptioning.com/) Credits: Local Elevator by Kevin MacLeod is licensed under a Creative Commons Attribution license (https://creativecommons.org/licenses/by/4.0/) Source: http://incompetech.com/music/royalty-free/index.html?isrc=USUAN1300012 Artist: http://incompetech.com/ Busybody by Audionautix is licensed under a Creative Commons Attribution license (https://creativecommons.org/licenses/by/4.0/) Artist: http://audionautix.com/ Additional sound effects obtained from https://www.zapsplat.com