Shadertoy Build and Share Shaders

Build shaders, share them, and learn from the best community.

This is the first in a series of ShaderToy tutorials, teaching you how to make shaders, starting with zero knowledge. In this first installment we’ll make a …

Starting where we left off last time, we’ll start making simple graphics with circles. Previous Part: https://www.youtube.com/watch?v=u5HAYVHsasc Next Part: …

Third installment of the ShaderToy tutorial series. This time we’ll put the smiley face into its own function and then move on to another shape: a Rectangle….

Changing the parameters that go into the functions we made will distort the shapes we are drawing. This tutorial explores some of these distortions and hopef…

In part 2 of this series we ended up with a rather simple smiley. This time we make another smiley, from scratch, with the techniques I discussed in previous…

In this tutorial we’ll take the smiley we made in the last video and animate it. To see the live version on ShaderToy go here: https://www.shadertoy.com/view…

In this tutorial we’ll take the smiley we made in the last video and animate it. To see the live version on ShaderToy go here: https://www.shadertoy.com/view…

In this video I’ll explain how to use the Truchet effect to make cool looking vines. We’ll code a shader in ShaderToy from scratch! Twitter: @The_ArtOfCode F…

There is more than one way to tile the plane. In this video we’ll explore hexagonal tiling. Hexagonal tiling can be used to make many cool effects. Twitter: …

In this tutorial I will lay the ground work for making shaders in 3D. The end result is not terribly exciting but stick with me, I promise we’ll make somethi…

I needed a demo reel for promoting Shadertoy at an educational event, so here it is. All of these shaders are made by the venerable Íñigo Quílez and can be f…