Shaders

Learning GLSL on Shadertoy

I decided to start learning shaders with the GLSL language, and use the website shadertoy to make some shaders.

Firstly, I made a circular radar to learn how to draw basic shapes and the language fundamentals. Then, I learnt about buffers doing a simple water ripple shader. Since ray marching is such a popular technique used by many shaders on the website, I made an experiment with spheres and ray marching.

Finally, I decided to create a complete recreation of the Chome Dino game inside Shadertoy with sprites, obstacles, procedural generation, hitboxes and score.

• Radar: https://www.shadertoy.com/view/MXdGRr 

• Water ripples: https://www.shadertoy.com/view/433Gz8 

• Spheres ray marching: https://www.shadertoy.com/view/XX3Gz4 

• Chrome dino recreation: https://www.shadertoy.com/view/43d3RN 

Learning ShaderGraph with tutorials

The next step of my learning process was to learn Shader Graph. I followed some tutorials to make some basic shaders: 

• Glow

• Dissolve

• Force field

• Grass sway

Application in a real game

I participated in SpeedJam #5 where my goal was to get better at making art and put into practice what I've learnt about shaders More details on the game here.

Here is the list of the main shaders I made for the game.

• Water

• Waterfall

• Water stream

• Gradient (for the sky)

• Mountains in the background (+ some walls and the ground at the bottom of the river)

• Rock texture (mainly for the big wall at the end of the game)