Create and apply image filters using Godot's GLSL dialect.
Find a file
2025-01-19 13:00:29 +01:00
assets Added an error indicator and error message box and refactored some code in the process - implements #21, prepares #16 2024-12-26 22:18:18 +01:00
build-template Add a custom godot build template with reduced features for smaller exports - implements #15 2024-12-22 21:55:33 +01:00
dist Add export presets for Linux and Windows 2024-06-05 20:50:48 +02:00
examples Implement oklab, oklch color space conversion functions, add example, restructure comments in the shaderlib, implements #37 2025-01-17 16:51:17 +01:00
scenes Implement a commandline interface that can be used in scripts - implements #42 2025-01-19 12:51:10 +01:00
shaderlib Implement oklab, oklch color space conversion functions, add example, restructure comments in the shaderlib, implements #37 2025-01-17 16:51:17 +01:00
src Implement a commandline interface that can be used in scripts - implements #42 2025-01-19 12:51:10 +01:00
.gitattributes Add project files 2024-06-04 18:31:04 +02:00
.gitignore Add a custom godot build template with reduced features for smaller exports - implements #15 2024-12-22 21:55:33 +01:00
export_presets.cfg Add a custom godot build template with reduced features for smaller exports - implements #15 2024-12-22 21:55:33 +01:00
LICENSE Update LICENSE (fix name) 2025-01-17 15:37:57 +01:00
project.godot Bump version to 7.0 and update screenshot 2025-01-19 12:57:31 +01:00
README.md Implement a commandline interface that can be used in scripts - implements #42 2025-01-19 12:51:10 +01:00
screenshot.png Bump version to 7.0 and update screenshot 2025-01-19 12:57:31 +01:00

Fragmented

screenshot

Create image filters by writing shaders.

Supported Platforms

  • Linux

You can find the latest releases here.

Usage

The repo includes examples. You can use them as a starting-point to write your own filters.
Just load an image using //!load, edit the shader code and hit F5 to see the changes.

Load TEXTURE using the //!load directive

//!load <filepath>

The main image file will be read and available as the sampler2D TEXTURE.

Load additional images

//!load+ <name> <filepath>

uniform sampler2D <name>;

Have a look at the place_texture.gdshader example.

Have multiple steps with //!steps n

You can apply your shaderfile multiple times. At every additional step, TEXTURE is the result of the previous step. This can be used to chain effects that cannot be easily chained otherwise.

To query the current step index, a STEP uniform is automatically injected. If steps is set to 0, your shader won't be applied at all.

Example:

//!load ...
//!steps 5

void fragment() {
  if (STEP == 0) {
	...
  } else if (STEP == 1) {
	...
  }
  // ... and so on
}

Shaderlib

This repo comes with a (still small) shader library including pre-written functions and more.
Have a look at the shaderlib folder.

Here is an example:

shader_type canvas_item;

#include "res://shaderlib/hsv.gdshaderinc"

//!load ./examples/images/swamp.jpg

void fragment() {
	COLOR = hsv_offset(COLOR, 0.32, 0.2, 0.0);
}

Commandline interface

You can run Fragmented from the commandline or scripts.

Note: Headless mode is not supported. Using the commandline interface still opens a window.

Usage

./Fragmented cmd --shader PATH [--load-image PATH]

  --shader PATH      The path to the shader
  --output PATH      Where to write the resulting image to
  --load-image PATH  The path to the image. This will overwrite the
                     load directive of the shader file (optional)

You can also run ./Fragmented cmd help to show the help message.

Examples

./Fragmented cmd --shader ./examples/oklab.gdshader --output ./output.png
./Fragmented cmd --shader ./examples/oklab.gdshader --load-image ~/Pictures/test.png --output ./output.png