Shaders, Circles and Tunes

This piece has been created entirely in a WebGL fragment shader, using Shadertoy.com. The song is “Awake” by Tycho, from the album of the same name. Whilst listening to the album, it inspired me to recreate the cover using only maths and glsl. Also Shadertoy’s recent support for soundcloud enabled me to implement a nice dynamic effect for the circle segments.

Once I finished the shader, I released it and got some really supportive feedback from shadertoy and one of Shadertoy’s creators @PolJeremias! I also tagged Tycho’s twitter in a tweet, hoping they may have seen it, however as of several hours later I think it’s gotten lost in their ever growing twitter feed. I linked to the shadertoy page, however due to the limitations of safari’s mobile browser, it may not have worked for them correctly. Next time, I think i’ll somehow try to save the shader as a gif or video and include that as well. Accessibility is key in delivering content, and as WebGL is a fairly new growing technology, ensuring that content reaches it’s potential by facilitating older platforms is vital, and a valuable lesson for me to learn early on.

This feedback from some of the people in the shadertoy community that I really admire, has been fantastic! And has really inspired me to continue to create and learn more about the field of real-time rendering. I’ve already made some really cool ray marching demos, which I can’t wait to share in the future!