If you are new to the procedural voronoi algorithm or you just want to see a deep explainatin including how it can be done without using fract() then this is for you!

In this two part video tutorial you will learn how the procedurally generated voronoi and voronoi edges algorithms work. With the help of intuitive diagrams, glsl code walkthroughs, and some quick vector math explainatins you will come away with the confidence to use these techniques in your own shaders. As a bonus you will also be introduced to some techniques for creating beautiful art work based on these voronoi algorithms.

Part 1/2:
I do vector diagrams and show the code for a version of the basic voronoi algorithm that doesn't use the fract function. This isn't strictly nessessary for the voronoi edges algorithm. I chose to show this version because it might help you understand what is happening mathematically.

Part 2/2:
More vector diagrams and code for the voronoi edges algorithm. I discuss other versions you might find and explain why although they might seem different on the surface, algebraicly they are the same. Then I walk through the process of creating the artwork I show in the thumbnail.
Part 2:    • Voronoi Edges Explained Part 1  

Code is linked in the second part of this tutorial.

Credit to Shadertoy Artists who's work was used in the Introduction:
https://www.shadertoy.com/view/MslGD8 (iq)
https://www.shadertoy.com/view/llG3zy (tomkh)
https://www.shadertoy.com/view/4lSXzh (Shane)
https://www.shadertoy.com/view/4sl3Dr (srtuss)
https://www.shadertoy.com/view/4lyGDV (tomkh)
https://www.shadertoy.com/view/Mld3Rn (Shane)
https://www.shadertoy.com/view/wsfXDS (Flopine)