Tag: Creative Coding
-
Creating a checkerboard pattern in Shadertoy

Learn how to create a checkerboard pattern in Shadertoy using the GLSL programming language.
-
Creating a 3D printer shader

Learn how to create a 3D printer shader visual effect and watch as the texture appears line by line. Written in 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.
-
Drawing random shapes using probability in Processing

Learn how to use random numbers and probability to draw random shapes in Processing using the Java programming language.
-
Generating terrain in an infinite world

It would be impossible to hand craft an infinite world, so instead I generate a terrain sprite outside the camera viewport. I use the length of the camera and terrain rectangles, the direction the player is currently moving in and circles to position the terrain, so it is always just outside the viewport. Old terrain…
-
Snapping images to a grid in Processing

Learn how to draw a grid and snap images to the grid using Processing and Java. Easily portable to other programming languages.
-
Heart regen animation

I created these heart regeneration animations using a mixture of coding and pixel art. The heart fills up and particles constantly spawn. When the heart is full it scales up in size, using the scale and barrel distortion. It also gets brighter, before returning to normal size.
-
Creating a television effect in a shader

Learn how to create a animated television effect in a GLSL shader by combining various effects such as barrel distortion, scanlines, random noise, vignette, gradients and duotones.
-
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.
