BoS - Colors

26th Nov, 2021

I think writing a new shader every time I want to test or understand a new function is counter-productive.

With graphtoy I can do this much faster. So I'll be writing some functions there, screenshot the result and place those images here with a link to the function on the website. Easier.

Plus, it's very useful to go through the process of shaping the function, like so:

(oh, and you can just right-click on the graph to save it as an image)

Colors

This chapter explains what the mix() function does and references easing functions and how to implement them in GLSL.

It then presents 4 challenges:

• Compose a gradient that resembles a William Turner sunset.
• Animate a transition between a sunrise and sunset using u_time.
• Can you make a rainbow using what we have learned so far?
• Use the step() function to create a colorful flag.

Challenge 1 - Sunset

Turning this:

Into this:

shader here