thebookofshaders/examples

List of Examples

The following is a list of examples present in this book.

Chapters examples

• Getting started

  • Hello World

    • "Hello World!"

  • Uniforms

    • u_time
    • gl_FragCoord

• Algorithmic drawing

  • Shaping functions

    • Linear Interpolation
    • Exponential Interpolation
    • Step function
    • Smoothstep function
    • Iñigo Quiles's Impulse
    • Iñigo Quiles's Cubic Pulse
    • Iñigo Quiles's Exponential Step
    • Iñigo Quiles's Parabola
    • Iñigo Quiles's Power Curve
    • Easing functions
    • Stepwise function
    • Drawing multiple shaping functions
    • By Kynd's extra examples: quadratic bezier, cubic bezier 1 and cubic bezier 2

  • Color

    • Mix
    • Gradient
    • HSB
    • HSB - Color Wheel

  • Shapes

    • Rectangle: making, function and distance-field
    • Circle: making and function
    • Distance-field Batman
    • Line
    • Cross
    • Polar shapes
    • Polar Poligons
    • Composition: Arrow
    • By Kynd's extra examples: distance field shapes, distance field shape transitions, distance field metaball

  • Matrix

    • cross
    • translate
    • rotate
    • scale

  • Patterns

    • Grid: making, final, Side grid and grid of +
    • Lines, waves & zigzag
    • Checks
    • Diamond tiles
    • Bricks
    • Dots: 0, 1, 2, 3, 4, 5 and marching dots
    • Rotated tiles
    • Nuts pattern
    • Mirror tiles
    • Truchet
    • Deco
    • I Ching

• Generative designs

  • Random

    • 1D Random
    • 2D Random
    • Random Mosaic
    • Random Dots
    • Random Truchet
    • Ikeda's style: test pattern, wave,test pattern, data path and data defrag.
    • Matrix
    • Digits
    • Random Grid
    • Random Numbered Grid
    • Random - I Ching

  • Noise

    • Value Noise: 1D, 2D & 3D
    • Gradient Noise: 2D
    • Classic Perlin Noise: 2D & 3D
    • Simplex Grid
    • Simplex Noise: 2D & 3D
    • Generative textures: wood, splatter, lava lamp
    • I Ching with Noise

Advance

• Moon
• Matrix
• I Ching series: pattern, random, with noise
• Ikeda's series: test pattern, data path, data defrag, digits, radar and numered grid

Students Work

• Expceserices from them Color Chapter

  • Light by Nima Behravan
  • Turner Sunset by Hang Do Thi Duc
  • Villareal instalation by Hang Do Thi Duc
  • Turner Sunset by Tyler Henry
  • Villareal instalation 1 by Udit Mahajan
  • Villareal instalation 2 by Udit Mahajan
  • Sunrise/Sunset by Jaskirat Randhawa
  • Villareal instalation by Nitcha Tothong
  • Villareal instalation by Luobin Wang