glsl

GLSL Lesson 4: Reshaping Light and Shadow with pow() Previous Lessons Lesson 1 Your First Shader: Painting the Entire Screen One Color ht...

In the first lesson, we learned the simplest thing a fragment shader can do: paint every pixel the same color. In the second lesson, we m...

In the previous lesson, Your First Shader: Painting the Entire Screen One Color, we learned that a shader can fill the entire canvas with...

So far we have been looking at code and breaking it apart piece by piece. That approach is useful, but there is another way to learn shad...

If gradients were the first time color became a relationship, HSB is where color starts behaving like a coordinate system. This is lesson...

https://img.leopedia.io/DQmPqJT18RoPfCeXYy42wdpVcC6MLMF2UcLpZUPY1ZX8Te9/Screenshot_2026-06-21_15-02-51.png Color in GLSL is one of the fi...

UV coordinates are one of the most fundamental ideas in GLSL, yet they are often misunderstood when you first start working with shaders....

This is the fourth post in the GlSL learning series. Learning GLSL as a Beginner Understanding gl-Position: My First Real Vertex Shader ...

This is the fifth post in the GLSL learning series. Previous posts: Learning GLSL as a Beginner Understanding gl_Position: My First Real...

Look at images captured by space telescopes. Galaxies are filled with glowing clouds of gas and dust. Some regions appear bright blue. Ot...

When you look into the night sky, the stars seem randomly scattered. Some are bright. Some are barely visible. Some appear grouped togeth...

Look at the sky on a clear day. Clouds rarely have sharp edges. They slowly grow, merge together, drift across the horizon, and disappear...

Think about standing beside a lake on a sunny day. The water is not one solid color. Bright highlights appear where sunlight hits the wav...

Water is always moving. Sometimes it forms gentle ripples across a lake. Sometimes it crashes into waves. Sometimes it reflects the sky s...

Smoke behaves very differently from fire. Fire is energetic. Smoke drifts slowly. It spreads outward. It fades into the air. Instead of s...

Look at the cross section of a tree trunk. You'll notice a series of rings spreading outward from the center. These rings aren't perfectl...

Walk through an old building made from marble and you'll notice something interesting. No two pieces look exactly alike. Every slab conta...

Imagine looking at your reflection in perfectly still water. Everything appears smooth. Now throw a pebble into the water. The reflection...

If you're new to the series or would like to catch up on the fundamentals, you can find every previous lesson, along with a summary of wh...

Value noise was a huge improvement over random pixels. Instead of abrupt jumps, neighboring values blended together. Even so, every grid ...

Look closely at the world around you. Clouds are never identical. Mountains all have different shapes. Stone, wood, sand, and water all c...

Look closely at the world around you. Clouds are never identical. Mountains all have different shapes. Stone, wood, sand, and water all c...

Look closely at the world around you. Clouds are never identical. Mountains all have different shapes. Stone, wood, sand, and water all c...

By themselves, translation, rotation, and scaling are useful. Together, they become incredibly powerful. Almost every animated shader, ga...

If you've ever zoomed into a map, resized an image, or watched a button grow when you hover over it, you've seen scaling in action. Scali...

Rotation is one of the most powerful transformations in shader programming. Spinning loading icons. Rotating radar displays. Clock hands....

By themselves, translation, rotation, and scaling are useful. Together, they become incredibly powerful. Almost every animated shader, ga...

If you've ever zoomed into a map, resized an image, or watched a button grow when you hover over it, you've seen scaling in action. Scali...

Rotation is one of the most powerful transformations in shader programming. Spinning loading icons. Rotating radar displays. Clock hands....

One of the first mistakes beginners make is trying to move a shape directly. In reality, that's not what happens. The shape never moves. ...