Category: Shadertoy
-
Creating a circle pattern in Shadertoy Part 2

Learn how to create a circle pattern in Shadertoy using a checkerboard pattern and an easing function. The tutorial is written in the GLSL programming language.
-
Creating a circle pattern in Shadertoy

Learn how to create a circle pattern in Shadertoy using the GLSL programming language.
-
Creating a checkerboard pattern in Shadertoy

Learn how to create a checkerboard pattern in Shadertoy using the GLSL programming language.
-
Creating a scrolling background in Shadertoy

Learn how to create a scrolling background in Shadertoy using a texture by offsetting the UV coordinates using the fractional part of time and a speed value. The effect can be useful for many things such as top down and sidescroller video games, animated wallpapers and video backgrounds.
-
Creating a simple noise effect in Shadertoy

Learn how to create a simple animated noise effect in Shadertoy, and mix it with a texture to create an old, damaged footage look.
-
Combining scanlines with a texture in Shadertoy

Learn how to combine the scanlines we created in the last tutorial, with a texture in Shadertoy using GLSL. We will use mix, multiply and gradients to create some interesting scanlines.
-
Creating a scanline effect in Shadertoy

Learn how to create a scanline shader in Shadertoy using floor and modulus. Use it to give your images a old CRT television or computer monitor look, or create cool backgrounds.
-
Creating a spotlight effect in Shadertoy

This tutorial will show you how to create a animated spotlight effect in Shadertoy. You will learn how to animate the circle using time and a sine wave. So the circle moves back-and-forth across the screen.
-
Creating a simple vignette in Shadertoy

Creating a vignette shader effect in Shadertoy is easy and fun. You can learn to manipulate UV coordinates, create a circle function, and add ambient light to enhance the effect. Experiment with ambient light, circle position, radius, and smoothness to perfect your vignette. Start creating on Shadertoy and unleash your creativity!
-
A gentle introduction to Shadertoy

Learn how to create and share shaders online using the easy to use Shadertoy from scratch. No math or programming knowledge is required to complete this tutorial. This tutorial will teach you all you need to know to get started, so I encourage you to give it a go :)
