From 0a54b6974eb3ed7a3c0d3e10bc283ae57d524f1c Mon Sep 17 00:00:00 2001 From: 4ian <1280130+4ian@users.noreply.github.com> Date: Wed, 8 Jul 2026 10:49:44 +0000 Subject: [PATCH] [Auto] [Improve] Expanded visual effect pages with key adjustable properties and 2D-only notes --- automated_updates_data.json | 4 ++++ docs/gdevelop5/all-features/effects/crt/index.md | 6 ++++++ docs/gdevelop5/all-features/effects/drop-shadow/index.md | 6 ++++++ docs/gdevelop5/all-features/effects/god-rays/index.md | 6 ++++++ docs/gdevelop5/all-features/effects/kawase-blur/index.md | 6 ++++++ docs/gdevelop5/all-features/effects/outline/index.md | 6 ++++++ docs/gdevelop5/all-features/effects/rgb-split/index.md | 6 ++++++ docs/gdevelop5/all-features/effects/tilt-shift/index.md | 6 ++++++ 8 files changed, 46 insertions(+) diff --git a/automated_updates_data.json b/automated_updates_data.json index 93530ac0247..072efb771b5 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-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" } ] } diff --git a/docs/gdevelop5/all-features/effects/crt/index.md b/docs/gdevelop5/all-features/effects/crt/index.md index de52bffba07..56c28df611e 100644 --- a/docs/gdevelop5/all-features/effects/crt/index.md +++ b/docs/gdevelop5/all-features/effects/crt/index.md @@ -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 diff --git a/docs/gdevelop5/all-features/effects/drop-shadow/index.md b/docs/gdevelop5/all-features/effects/drop-shadow/index.md index f9ca072a4c2..91e22125fc4 100644 --- a/docs/gdevelop5/all-features/effects/drop-shadow/index.md +++ b/docs/gdevelop5/all-features/effects/drop-shadow/index.md @@ -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 diff --git a/docs/gdevelop5/all-features/effects/god-rays/index.md b/docs/gdevelop5/all-features/effects/god-rays/index.md index 904f9fa64ac..c0ef3ad4432 100644 --- a/docs/gdevelop5/all-features/effects/god-rays/index.md +++ b/docs/gdevelop5/all-features/effects/god-rays/index.md @@ -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 diff --git a/docs/gdevelop5/all-features/effects/kawase-blur/index.md b/docs/gdevelop5/all-features/effects/kawase-blur/index.md index 703917f8251..d131c72937d 100644 --- a/docs/gdevelop5/all-features/effects/kawase-blur/index.md +++ b/docs/gdevelop5/all-features/effects/kawase-blur/index.md @@ -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 diff --git a/docs/gdevelop5/all-features/effects/outline/index.md b/docs/gdevelop5/all-features/effects/outline/index.md index aecd08ff547..dd856b14362 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) +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 diff --git a/docs/gdevelop5/all-features/effects/rgb-split/index.md b/docs/gdevelop5/all-features/effects/rgb-split/index.md index 966ee01467e..b4847afb9b3 100644 --- a/docs/gdevelop5/all-features/effects/rgb-split/index.md +++ b/docs/gdevelop5/all-features/effects/rgb-split/index.md @@ -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 diff --git a/docs/gdevelop5/all-features/effects/tilt-shift/index.md b/docs/gdevelop5/all-features/effects/tilt-shift/index.md index 1a7cbcf3aea..278da118b7f 100644 --- a/docs/gdevelop5/all-features/effects/tilt-shift/index.md +++ b/docs/gdevelop5/all-features/effects/tilt-shift/index.md @@ -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