intermediate

#7 Smooth Functions

mix, smoothstep, clamp

Three built-in functions form the backbone of shader math. mix(a, b, t) blends smoothly between two values — perfect for color gradients and transitions. smoothstep(edge0, edge1, x) maps a value into a smooth S-curve between 0 and 1, giving you soft edges instead of harsh cutoffs. clamp(x, min, max) keeps a value within bounds. Mastering these three functions lets you shape and blend almost any visual effect.

Key Concepts

Try this shader live in the Shader Sandbox editor with real-time preview.
Open in Sandbox

Source Code


    


    

      
        
          ← Previous
          Patterns & Tiling
        
      
      
        
          Next →
          Noise
        
      
    


    

      
All Tutorials

      

        
          
            1
            Hello World
          
        
          
            2
            UV Coordinates
          
        
          
            3
            Animation
          
        
          
            4
            Shapes: Circle
          
        
          
            5
            Shapes: Rectangles
          
        
          
            6
            Patterns & Tiling
          
        
          
            7
            Smooth Functions
          
        
          
            8
            Noise
          
        
          
            9
            2D Lighting
          
        
          
            10
            Intro to Raymarching
          
        
          
            11
            Rotation & Transforms
          
        
          
            12
            Color Spaces
          
        
          
            13
            Polar Coordinates
          
        
          
            14
            Domain Repetition
          
        
          
            15
            Smooth Blending (SDF)
          
        
          
            16
            Voronoi Noise
          
        
          
            17
            Glow & Bloom
          
        
          
            18
            Morphing Shapes
          
        
          
            19
            Texture Sampling
          
        
          
            20
            Post Processing
          
        
          
            21
            Domain Warping
          
        
          
            22
            Reflections
          
        
          
            23
            Soft Shadows
          
        
          
            24
            Fog & Atmosphere
          
        
          
            25
            Mandelbrot Fractal
          
        
          
            26
            Julia Set
          
        
          
            27
            Water & Waves
          
        
          
            28
            Fire & Smoke
          
        
          
            29
            3D Domain Repetition
          
        
          
            30
            FBM Terrain