beginner

#5 Shapes: Rectangles

Box SDF and combining shapes

The rectangle SDF cleverly uses abs() to fold all four quadrants into one, exploiting the shape's symmetry. But the real power of SDFs is combining them: min(a, b) merges two shapes together (union), max(a, b) keeps only their overlap (intersection), and max(a, -b) cuts one shape out of another (subtraction). These boolean operations let you build complex geometry from simple primitives.

Key Concepts

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

Source Code


    


    

      
        
          ← Previous
          Shapes: Circle
        
      
      
        
          Next →
          Patterns & Tiling
        
      
    


    

      
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