Skip to content
Open
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
4 changes: 4 additions & 0 deletions automated_updates_data.json
Original file line number Diff line number Diff line change
Expand Up @@ -104,6 +104,10 @@
{
"date": "2026-07-07",
"summary": "Improved keyboard docs: added 'Key just pressed' (held vs one-frame) and 'Any key released' conditions, control-remapping note, and a reference list of valid key names"
},
{
"date": "2026-09-11",
"summary": "Added a 'Settings' section to the CRT, drop shadow, god rays, Kawase blur, outline, RGB split and tilt shift effect pages explaining their key adjustable properties and padding tips"
}
]
}
10 changes: 10 additions & 0 deletions docs/gdevelop5/all-features/effects/crt/index.md
Original file line number Diff line number Diff line change
Expand Up @@ -4,6 +4,16 @@ Applies a CRT effect, simulating an old cathode-ray tube television.

![](crt-effect.png)

## Settings

A few settings let you dial in the retro look:

* **Line width** and **Line contrast** control the horizontal scanlines. Turn **Show vertical lines** on to add vertical lines as well.
* **Curvature** bulges the image like a curved screen. Set it to `0` for a flat screen.
* **Vignetting** darkens the corners of the screen (with its own **alpha** and **blur**).
* **Noise** adds animated static; **Noise size** and **Noise frequency** control how coarse and how often it changes.
* **Interlaced lines speed** animates the scanlines rolling over the screen. Set it to `0` to keep them still.


## Reference

Expand Down
11 changes: 11 additions & 0 deletions docs/gdevelop5/all-features/effects/drop-shadow/index.md
Original file line number Diff line number Diff line change
Expand Up @@ -4,6 +4,17 @@ Add a drop shadow under your object's visible on the layer.

![](drop-shadow-effect.png)

## Settings

* **Distance** and **Rotation** set how far the shadow is offset and in which direction (in degrees). A distance of `0` places the shadow directly behind the object.
* **Blur** softens the edges of the shadow, and **Quality** controls how smooth that blur is (higher values look better but cost more performance).
* **Color** and **Alpha** set the shadow's color and how transparent it is.
* **Shadow only** hides the object and renders just its shadow — useful to place a separate shadow object under a character.

!!! tip

When the effect is applied to an object, the shadow can get clipped at the edges of the object's image. Increase the **Padding** property to enlarge the rendered area so the shadow has room to be drawn.


## Reference

Expand Down
7 changes: 7 additions & 0 deletions docs/gdevelop5/all-features/effects/god-rays/index.md
Original file line number Diff line number Diff line change
Expand Up @@ -4,6 +4,13 @@ Cast rays of light from the top of the screen. **This won't work well if shown o

![](godray-effect.gif)

## Settings

* **Parallel** makes all rays parallel (like distant sunlight). Turn it off to make the rays radiate from a single point, set with **Center X** and **Center Y**.
* **Angle** tilts the direction the rays come from.
* **Gain** and **Light** control the strength and length of the rays, while **Lacunarity** changes how detailed and broken-up they look.
* **Animation speed** animates the rays over time. Set it to `0` to freeze them.


## Reference

Expand Down
6 changes: 6 additions & 0 deletions docs/gdevelop5/all-features/effects/kawase-blur/index.md
Original file line number Diff line number Diff line change
Expand Up @@ -2,6 +2,12 @@

This is a faster version of the traditional "Blur" effect. It's recommended that you use this one rather than the "Gaussian" blur effect.

## Settings

* **Blur** sets how strong the blur is.
* **Quality** controls how smooth the result looks. Higher values look better but cost more performance.
* **Pixelize X** and **Pixelize Y** stretch the blur along an axis, which can be used to create a directional (motion-like) blur.


## Reference

Expand Down
9 changes: 9 additions & 0 deletions docs/gdevelop5/all-features/effects/outline/index.md
Original file line number Diff line number Diff line change
Expand Up @@ -4,6 +4,15 @@ Add an outline on all objects of the layer having the effect. **This won't work

![](outline-effect.png)

## Settings

* **Thickness** sets how wide the outline is.
* **Color** sets the outline's color.

!!! tip

When applied to an object, a thick outline can get clipped at the edges of the object's image. Increase the **Padding** property to enlarge the rendered area so the whole outline is visible.


## Reference

Expand Down
4 changes: 4 additions & 0 deletions docs/gdevelop5/all-features/effects/rgb-split/index.md
Original file line number Diff line number Diff line change
Expand Up @@ -4,6 +4,10 @@ Separate each component's RGB(red, green, blue) colors and display them on the s

![](rgb-effect.png)

## Settings

Each color channel has its own **X offset** and **Y offset** (Red X/Y, Green X/Y, Blue X/Y), measured in pixels. Moving the channels apart by a small amount gives a subtle chromatic aberration; larger offsets create a strong glitchy or 3D-glasses look. Set all offsets to `0` to disable the effect.


## Reference

Expand Down
5 changes: 5 additions & 0 deletions docs/gdevelop5/all-features/effects/tilt-shift/index.md
Original file line number Diff line number Diff line change
Expand Up @@ -4,6 +4,11 @@ Add blur to the top and bottom of the entire layer or object. Perfect to simulat

![](tilt-shift-effect.png)

## Settings

* **Blur** sets how strong the blur is on the top and bottom bands.
* **Gradient blur** sets the size of the sharp, in-focus band in the middle and how gradually it fades into the blurred areas. Smaller values keep only a thin strip in focus.


## Reference

Expand Down