Category: Shadertoy

• Shader Tutorial: Coding a Sunburst Effect

  

  In this tutorial you will learn how to code a sunburst effect inside a shader, using scanlines and polar coordinates. You will learn how to code the effect using the web based shader editor called Shadertoy.

  Agate Dragon

  16th Jan 2025

  Shaders, Shadertoy

  coding, Creative Coding, Education, gamedev, GLSL, indiedev, Polar Coordinates, Programming, Scanline, Shader, sunburst, tutorial, Video Games

• Rotated rectangle Shadertoy transition tutorial

  

  Learn how to create a rotated rectangle transition in Shadertoy using the GLSL programming language. Useful in video games and movies when changing scenes.

  Agate Dragon

  21st Apr 2024

  Shaders, Shadertoy

  Animation, coding, Easing, Education, game-development, gamedev, GLSL, Programming, Rectangle, Shader, transition, tutorial, Video Games

• Circle screen transition Shadertoy tutorial

  

  Learn how to create circle transition in Shadertoy using the GLSL programming language. Useful in video games and movies when changing scenes.

  Agate Dragon

  11th Apr 2024

  Shaders, Shadertoy

  Animation, circle, coding, Easing, Education, game-development, gamedev, GLSL, Programming, Shader, transition, tutorial, Video Games

• Push screen transition Shadertoy tutorial

  

  Learn how to make a push screen transition in Shadertoy using the GLSL programming language. Push a texture outside of the screen using the fractional part of a number, signum and the mix function.

  Agate Dragon

  9th Apr 2024

  Shaders, Shadertoy

  artwork, coding, Creativity, Education, game-development, gamedev, GLSL, Programming, Shader, transition, tutorial, Video Games

• Fade to black screen transition in Shadertoy

  

  Learn how to create a fade to black screen transition in Shadertoy using the GLSL programming language. Mix textures and use easing functions to create this classic screen transition effect.

  Agate Dragon

  8th Apr 2024

  Shaders, Shadertoy

  artwork, coding, Creativity, Education, fade, game-development, gamedev, GLSL, Programming, Shader, transition, tutorial, Video Games

• Creating a circular gradient in Shadertoy

  

  Learn how to create a circular gradient in Shadertoy, using the GLSL programming language.

  Agate Dragon

  7th Apr 2024

  Shaders, Shadertoy

  artwork, circle, coding, Creativity, Education, game-development, gamedev, GLSL, Gradient, Programming, Shader, tutorial, Video Games

• Creating a rainbow gradient in Shadertoy

  

  Learn how to create a rainbow gradient in Shadertoy using the GLSL programming language. Use the YIQ colour space to create different rainbow gradients by hue shifting.

  Agate Dragon

  6th Apr 2024

  Shaders, Shadertoy

  artwork, coding, Creativity, Education, game-development, gamedev, GLSL, Gradient, Inspiration, rainbow, Shader, tutorial, Video Games

• Creating a four corner gradient in Shadertoy

  

  Learn how to create a four corner gradient in Shadertoy using the GLSL programming language.

  Agate Dragon

  5th Apr 2024

  Shaders, Shadertoy

  artwork, coding, Creativity, Education, game-development, gamedev, GLSL, Gradient, Inspiration, Programming, Shader, tutorial, Video Games

• Creating a rotating gradient in Shadertoy

  

  Learn how to create a rotating gradient in Shadertoy using the GLSL programming language. Transform the texture coordinates to create a gradient, use time, and mix with a texture to create a cool effect.

  Agate Dragon

  4th Apr 2024

  Shaders, Shadertoy

  artwork, coding, Creativity, Education, game-development, gamedev, GLSL, Gradient, Inspiration, Programming, Shader, tutorial, Video Games

• Creating a halftone shader part 2

  

  Learn how to change the look of the halftone pattern shader with different blend modes. View the Shadertoy demo to see it in action, and change the options.

  Agate Dragon

  1st Apr 2024

  Shaders, Shadertoy

  artwork, coding, Creativity, Education, game-development, gamedev, GLSL, Halftone, pattern, Programming, Shader, tutorial, Video Games