From b559f4a883be84077b75e4339fa081312d0ad03c Mon Sep 17 00:00:00 2001 From: 4ian <1280130+4ian@users.noreply.github.com> Date: Thu, 16 Jul 2026 10:47:34 +0000 Subject: [PATCH] [Auto] [Improve] Expanded effect docs with key settings and padding-clipping tips --- automated_updates_data.json | 4 ++++ docs/gdevelop5/all-features/effects/crt/index.md | 2 ++ docs/gdevelop5/all-features/effects/drop-shadow/index.md | 8 +++++++- docs/gdevelop5/all-features/effects/god-rays/index.md | 2 ++ docs/gdevelop5/all-features/effects/kawase-blur/index.md | 2 ++ docs/gdevelop5/all-features/effects/outline/index.md | 6 ++++++ docs/gdevelop5/all-features/effects/rgb-split/index.md | 2 ++ docs/gdevelop5/all-features/effects/tilt-shift/index.md | 2 ++ 8 files changed, 27 insertions(+), 1 deletion(-) diff --git a/automated_updates_data.json b/automated_updates_data.json index 93530ac0247..0a882af0b2e 100644 --- a/automated_updates_data.json +++ b/automated_updates_data.json @@ -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-16", + "summary": "Expanded layer/object effect docs (CRT, drop shadow, god rays, Kawase blur, outline, RGB split, tilt shift) with key setting explanations and padding-clipping tips" } ] } diff --git a/docs/gdevelop5/all-features/effects/crt/index.md b/docs/gdevelop5/all-features/effects/crt/index.md index de52bffba07..3b643a84871 100644 --- a/docs/gdevelop5/all-features/effects/crt/index.md +++ b/docs/gdevelop5/all-features/effects/crt/index.md @@ -4,6 +4,8 @@ Applies a CRT effect, simulating an old cathode-ray tube television. ![](crt-effect.png) +Apply it to a layer to give your whole game a retro, arcade look. The effect combines several elements you can dial in independently: **curvature** bends the screen like a real tube, **vignetting** darkens the corners, and **noise** adds static. You can also animate the scanlines: set the **Interlaced Lines Speed** to make them scroll, and the **Noise Frequency** to control how often the static is refreshed (set it to 0 to freeze the noise). + ## Reference diff --git a/docs/gdevelop5/all-features/effects/drop-shadow/index.md b/docs/gdevelop5/all-features/effects/drop-shadow/index.md index f9ca072a4c2..5ce01522bba 100644 --- a/docs/gdevelop5/all-features/effects/drop-shadow/index.md +++ b/docs/gdevelop5/all-features/effects/drop-shadow/index.md @@ -1,9 +1,15 @@ # Drop shadow effect -Add a drop shadow under your object's visible on the layer. +Add a drop shadow behind your object (or behind everything visible on a layer). ![](drop-shadow-effect.png) +Use the **distance** and **rotation** to control how far the shadow is cast and in which direction, and the **color** to tint it. Enable **Shadow only** to hide the original image and keep just the shadow — useful for building fake ground shadows as separate objects. + +!!! note + + If the shadow looks cut off at the edges of the object, increase the **Padding**: it enlarges the area the effect is allowed to draw into. + ## Reference diff --git a/docs/gdevelop5/all-features/effects/god-rays/index.md b/docs/gdevelop5/all-features/effects/god-rays/index.md index 904f9fa64ac..b3b187c0e0d 100644 --- a/docs/gdevelop5/all-features/effects/god-rays/index.md +++ b/docs/gdevelop5/all-features/effects/god-rays/index.md @@ -4,6 +4,8 @@ Cast rays of light from the top of the screen. **This won't work well if shown o ![](godray-effect.gif) +Set the **Center X**/**Center Y** to position the light source and the **Angle** to tilt the rays. Disable **Parallel** to make the rays radiate outward from the center point (like sunbeams from a single spot) instead of falling as parallel beams. The rays shimmer over time; use the **Animation Speed** to control this (0 pauses the animation). + ## Reference diff --git a/docs/gdevelop5/all-features/effects/kawase-blur/index.md b/docs/gdevelop5/all-features/effects/kawase-blur/index.md index 703917f8251..fe3c0776678 100644 --- a/docs/gdevelop5/all-features/effects/kawase-blur/index.md +++ b/docs/gdevelop5/all-features/effects/kawase-blur/index.md @@ -2,6 +2,8 @@ This is a faster version of the traditional "Blur" effect. It's recommended that you use this one rather than the "Gaussian" blur effect. +Increase the **Blur** for a stronger effect and the **Quality** for a smoother result (at the cost of performance). The **Pixelize X** and **Pixelize Y** settings let you blur more along one axis than the other, which is handy for a directional or motion-like blur. + ## Reference diff --git a/docs/gdevelop5/all-features/effects/outline/index.md b/docs/gdevelop5/all-features/effects/outline/index.md index aecd08ff547..9d8e668e16d 100644 --- a/docs/gdevelop5/all-features/effects/outline/index.md +++ b/docs/gdevelop5/all-features/effects/outline/index.md @@ -4,6 +4,12 @@ Add an outline on all objects of the layer having the effect. **This won't work ![](outline-effect.png) +Set the **Thickness** and **Color** of the outline to match your art style — for example a thin white line to highlight a selected object. + +!!! note + + A thick outline can be clipped at the edges of the object. If that happens, increase the **Padding** to give the effect more room to draw. + ## Reference diff --git a/docs/gdevelop5/all-features/effects/rgb-split/index.md b/docs/gdevelop5/all-features/effects/rgb-split/index.md index 966ee01467e..0fdf56e02f1 100644 --- a/docs/gdevelop5/all-features/effects/rgb-split/index.md +++ b/docs/gdevelop5/all-features/effects/rgb-split/index.md @@ -4,6 +4,8 @@ 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, so you can push the red, green and blue independently to control the direction and strength of the aberration. Small offsets give a subtle glitchy or damaged-screen look; larger ones create a strong retro/3D-glasses effect. + ## Reference diff --git a/docs/gdevelop5/all-features/effects/tilt-shift/index.md b/docs/gdevelop5/all-features/effects/tilt-shift/index.md index 1a7cbcf3aea..79ddc30f335 100644 --- a/docs/gdevelop5/all-features/effects/tilt-shift/index.md +++ b/docs/gdevelop5/all-features/effects/tilt-shift/index.md @@ -4,6 +4,8 @@ Add blur to the top and bottom of the entire layer or object. Perfect to simulat ![](tilt-shift-effect.png) +The **Blur** controls how strong the blur is, while the **Gradient blur** controls how gradually the image transitions from the sharp band in the middle to the blurred top and bottom. + ## Reference