Blendmode Playground

A collection of blend modes commonly found in art programs, adapted into Godot shaders!

Runs in your browser! Toy around with the shaders and learn a bit about shader math right here or download the project to play it in the Godot editor and extract the shaders for your own nefarious purposes.

CONTAINS 10 DIFFERENT SHADERS (more to be added):

1. Normal
2. Darken
3. Multiply
4. Color Burn
5. Linear Burn
6. Subtract
7. Lighten
8. Screen
9. Add
10. Overlay

Assets used:

Headings: Little Guy by maebunn (https://maebunn.itch.io/little-guy-font)

Code: Retro Pixel Cute Mono by 狼人小林 (TakWolf) (https://takwolf.itch.io/retro-pixel-font)

Images used: random things I found on my hard drive and some of my own photography

Background checkerboard texture is from Kenney’s prototyping textures (https://kenney-assets.itch.io/prototype-textures)

References:

• https://en.wikipedia.org/wiki/Blend_modes
• https://docs.gimp.org/3.0/en/gimp-concepts-layer-modes.html
• https://docs.krita.org/en/reference_manual/blending_modes.html
• https://photoblogstop.com/photoshop/photoshop-blend-modes-explained/
• https://marius.sucan.ro/blog/2023/blending-modes-maths/

Made with Godot 4.4.1  🧡