beginner

#3 Animation

Using time to animate

Shaders run every single frame, so if you give them a clock, they can animate. The iTime uniform counts up in seconds each frame, and feeding it into sin() produces smooth oscillation — values that wave back and forth endlessly. By offsetting the phase for red, green, and blue channels independently, you get smoothly cycling rainbow colors. This is the core technique behind almost every animated shader effect.

Key Concepts

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

Source Code


    


    

      
        
          ← Previous
          UV Coordinates
        
      
      
        
          Next →
          Shapes: Circle
        
      
    


    

      
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