Catlike Coding

We warp value noise with curl noise to make it a lot more interesting. Curled Noise - Procedural GPU Patterns (Catlikecoding)

We're making donuts! This time we adapt value noise so it can tile. This allows us to wrap it seamlessly around a torus. Tiling Noise - Procedural GPU Patterns (Catlikecoding)

Last time we created value noise and now we add analytical derivatives to it, to adjust normal vectors to match a displaced surface. Value Noise Derivatives - Procedural GPU Patterns (Catlikecoding)

In the next step of our Procedural GPU Patterns journey we take our hash noise and turn it into value noise. Value Noise (Catlikecoding)

We bring our fractals alive by adding animation support to them! We animate octaves independently, using temporal lacunarity to scale their animation speed. We also use staggered animation to animate our fractal hash in a more pleasing way. Animating Octaves (Catlikecoding)

We can create hashes. We can create fractal wave patterns. Now we combine both to create fractal hashes. To avoid code duplication we introduce a small shader library that isolates and abstracts code that deals with sampling and fractal creation. Hashing (Catlikecoding)

We're done with the regular wave patterns. Now we're hashing coordinates to create pseudorandom patterns. We implement a simplified version of the 32-bit xxHash algorithm. We also create float values by directly putting bits in their mantissa. Hashing (Catlikecoding)

We upgrade our wave patterns and turn them into fractals! Regular wave fractals aren't very interesting, but we'll use this foundation for more interesting patterns in the future. Because Procedural GPU Patterns is quite a mouthful I shortened it to PGPUP here. Fractal Waves (Catlikecoding)

A few days after the first part, we launch part 2! Now we're using both U and V to create more interesting wave patterns. We also add options for per-vertex or per-fragment calculations and for which pattern to show. 2D Waves (Catlikecoding)

The first part of my tutorial series about procedural patterns is here! It's for Godot Engine 4. We start with a sine wave. Seems simple, but then we add displacement and also want good shading, also when applying it to arbitrary surfaces. So we have to cover quite a bit of ground. Sine Waves (Catli