Shader Development Tutorials

GoDot – Shader – 2D – Outline

Published by Thomas Christof on 24. December 2020

GoDot – Visual Shader – 2D – Weapon Slash

Published by Thomas Christof on 8. December 2020

In order to make a 2D weapon attack more immerse, a slash shader might come in pretty handy. The used weapon image can be found on itch.io; and the haze has been made in Aseprite within 10 seconds. Feel free to use it as well within your project. Spoiler alert: If you aren’t interested in …

GoDot – Shader – 2D – Donut Shockwave

Published by Thomas Christof on 5. December 2020

This shader features a simple “donut shockwave”, based on the following Youtube tutorial. While the tutorial shows and explains a centric based shockwave, this shader implementation has been extended to enable arbitrary shockwave positions. Parameters force: The distortion amount within the donut circle center: The center of the shockwave size: The size of the outer …

GoDot – Visual Shader – 2D – Disolve

Published by Thomas Christof on 4. December 2020

This visual shader features a disolve/resolve functionality, based on this Unity video. The reference shader hasn’t been converted 1 by 1, since GoDot does lack a lot of visual shader components. Parameters Border-Size: Defines how thick the desolve/resolve border should be Border-Color: The color of the desolve/resolve border GravityFactor: A factor multiplied by the Gravity …

Outline Shader

Published by Thomas Christof on 4. May 2019

Actually I think the outline shader for a 2D game is kinda unnecessary. The loaded sprite can already be shipped with an outline. (Or, one sprite with and one sprite without an outline; if both are required) However, I kinda find it neat to dynamically apply an outline to whatever object I want to. Fundamental …

Simple Wind (vegetation) Shader

Published by Thomas Christof on 3. May 2019

Wind is one way to improve the scenery with vegetation. Thus, my first shader focuses on horizontal force influence. The target is to move trees, plants, etc. horizontally (in a kinda wavy form) to simulate wind. (Empty template reused)

Empty Vertex + Pixel Shader

Published by Thomas Christof on 3. May 2019

Structure The code starts with #defines we already know from C or C++. We basically map HLSL and GLSL constants (shader and vertex models, etc.) into a variable; beeing chosed during the compile time, in order to support HLSL and GLSL in one single .fx file. #if OPENGL #define SV_POSITION POSITION #define VS_SHADERMODEL vs_3_0 #define …