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-07-08",
"summary": "Expanded thin visual-effect pages (CRT, drop shadow, god rays, Kawase blur, outline, RGB split, tilt shift) with key adjustable properties and 2D-only notes"
}
]
}
6 changes: 6 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,12 @@ Applies a CRT effect, simulating an old cathode-ray tube television.

![](crt-effect.png)

You can fine-tune the look with the effect properties: the **line width** and **line contrast** control the scanlines, **curvature** bends the image like a rounded screen, **noise** adds static, and **vignetting** darkens the edges. The scanlines can be animated (moving interlaced lines) by setting an **Interlaced Lines Speed** greater than 0.

!!! note

This is a 2D effect. It has no effect on 3D objects or 3D layers.


## Reference

Expand Down
6 changes: 6 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,12 @@ Add a drop shadow under your object's visible on the layer.

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

The **distance** and **rotation** properties set how far the shadow is offset and in which direction, while **blur** controls how soft its edges are. You can also change the shadow's **color** and its **alpha** (transparency). Enable **Shadow only** to hide the object itself and keep only its shadow.

!!! note

This is a 2D effect. It has no effect on 3D objects or 3D layers.


## Reference

Expand Down
6 changes: 6 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,12 @@ Cast rays of light from the top of the screen. **This won't work well if shown o

![](godray-effect.gif)

The **angle** and the **Center X**/**Center Y** properties define where the rays come from and their direction. Disable the **parallel** property to make the rays spread out from the center point (like a sun) instead of staying parallel. Set the **Animation Speed** to make the rays shimmer over time, and use **gain** and **light** to adjust their strength.

!!! note

This is a 2D effect. It has no effect on 3D objects or 3D layers.


## 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.

The **blur** property controls the overall strength, and **quality** controls how smooth the result looks (higher values are smoother but slower). The **Pixelize X** and **Pixelize Y** properties let you blur more in one direction than the other, which is useful for a motion-blur-like effect.

!!! note

This is a 2D effect. It has no effect on 3D objects or 3D layers.


## Reference

Expand Down
6 changes: 6 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,12 @@ Add an outline on all objects of the layer having the effect. **This won't work

![](outline-effect.png)

Use the **thickness** property to set how wide the outline is, and **color** to change its color. Applied on a single object, this is a common way to highlight an item that can be picked up or interacted with.

!!! note

This is a 2D effect. It has no effect on 3D objects or 3D layers.


## Reference

Expand Down
6 changes: 6 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,12 @@ Separate each component's RGB(red, green, blue) colors and display them on the s

![](rgb-effect.png)

Each color channel has its own X and Y offset (in pixels), so you can push the red, green and blue channels in different directions. Larger offsets make the aberration more pronounced. Animating these offsets with events is a good way to create a glitch or damage effect.

!!! note

This is a 2D effect. It has no effect on 3D objects or 3D layers.


## Reference

Expand Down
6 changes: 6 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,12 @@ Add blur to the top and bottom of the entire layer or object. Perfect to simulat

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

The **blur** property controls how strong the blur is at the top and bottom, while **gradient blur** controls how gradually the image transitions from sharp (in the middle) to blurred (higher values give a smoother, more gradual transition).

!!! note

This is a 2D effect. It has no effect on 3D objects or 3D layers.


## Reference

Expand Down