advanced

#33 Sprite Outline

Edge glow and outline for selection

Selection outlines highlight interactive objects — from RTS unit selection to RPG item pickups. This shader demonstrates two approaches: a thin outline that samples the shape mask at offset positions to detect edges, and a thick glow using distance-based falloff from the shape boundary. The outline color cycles and pulses over time to draw attention, a common game UI pattern.

Key Concepts

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

Source Code


    


    

      
        
          ← Previous
          Dissolve Effect
        
      
      
        
          Next →
          Shockwave Distortion
        
      
    


    

      
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
          
        
          
            31
            Health Bar
          
        
          
            32
            Dissolve Effect
          
        
          
            33
            Sprite Outline
          
        
          
            34
            Shockwave Distortion
          
        
          
            35
            Force Field Shield
          
        
          
            36
            Retro CRT Effect
          
        
          
            37
            2D Platformer Lighting
          
        
          
            38
            Parallax Scrolling
          
        
          
            39
            Portal Vortex
          
        
          
            40
            Pixel Art Dithering