diff --git a/automated_updates_data.json b/automated_updates_data.json index 88dd158d37e..4a221a9c7c5 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-08-19", + "summary": "Enriched visual effect docs (CRT, drop shadow, god rays, outline, RGB split, tilt shift, Kawase blur) with concise property explanations and use cases" } ] } diff --git a/docs/gdevelop5/all-features/effects/crt/index.md b/docs/gdevelop5/all-features/effects/crt/index.md index de52bffba07..ee047d0dd60 100644 --- a/docs/gdevelop5/all-features/effects/crt/index.md +++ b/docs/gdevelop5/all-features/effects/crt/index.md @@ -4,6 +4,16 @@ Applies a CRT effect, simulating an old cathode-ray tube television. ![](crt-effect.png) +## Properties + +The look is built from several independent parts that you can combine or turn off: + +- **Line width** and **Line contrast** control the horizontal scanlines. Set the contrast to 0 to hide them. +- **Curvature** bends the image outwards to mimic the bulge of a glass tube. **Show vertical lines** adds a vertical grid on top of the scanlines. +- **Vignetting**, **Vignetting alpha** and **Vignetting blur** darken the corners of the screen. +- **Noise** and **Noise size** add a grainy static over the image. +- **Interlaced lines speed** and **Noise frequency** animate the scanlines and the static. Set them to 0 for a static, still image. + ## 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..5039075e76e 100644 --- a/docs/gdevelop5/all-features/effects/drop-shadow/index.md +++ b/docs/gdevelop5/all-features/effects/drop-shadow/index.md @@ -4,6 +4,17 @@ Add a drop shadow under your object's visible on the layer. ![](drop-shadow-effect.png) +## Properties + +- **Distance** and **Rotation** set how far the shadow is offset and in which direction, so you can suggest a light source coming from a specific angle. +- **Blur** and **Quality** control how soft the shadow's edges are (a higher quality gives a smoother blur at the cost of performance). +- **Color of the shadow** and **Alpha** set the shadow's tint and opacity. +- **Shadow only** hides the object and renders only its shadow. This is handy to place a shadow as a separate object under a character. + +!!! note + + If the shadow looks cut off at the edges of the object, increase the **Padding** property to enlarge the area in which the effect is drawn. + ## 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..f5274ecada8 100644 --- a/docs/gdevelop5/all-features/effects/god-rays/index.md +++ b/docs/gdevelop5/all-features/effects/god-rays/index.md @@ -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) +## Properties + +- **Center X** and **Center Y** set where the rays originate from, letting you place the light source (for example off-screen at the top). +- **Angle** tilts the rays, and **Parallel** switches between parallel rays and rays spreading out from the center point. +- **Gain**, **Light** and **Lacunarity** adjust the intensity and the amount of detail in the rays. +- **Animation speed** animates the rays over time. Set it to 0 to keep them still. + ## 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..5cb4ec63507 100644 --- a/docs/gdevelop5/all-features/effects/kawase-blur/index.md +++ b/docs/gdevelop5/all-features/effects/kawase-blur/index.md @@ -2,6 +2,11 @@ This is a faster version of the traditional "Blur" effect. It's recommended that you use this one rather than the "Gaussian" blur effect. +## Properties + +- **Blur** sets the overall strength of the blur, and **Quality** controls how smooth it looks (a higher quality is smoother but costs more performance). +- **Pixelize X** and **Pixelize Y** let you stretch the blur more on one axis, for example to create a horizontal or vertical motion-blur-like look. + ## Reference diff --git a/docs/gdevelop5/all-features/effects/outline/index.md b/docs/gdevelop5/all-features/effects/outline/index.md index aecd08ff547..49a2decac7a 100644 --- a/docs/gdevelop5/all-features/effects/outline/index.md +++ b/docs/gdevelop5/all-features/effects/outline/index.md @@ -4,6 +4,14 @@ Add an outline on all objects of the layer having the effect. **This won't work ![](outline-effect.png) +## Properties + +Use **Thickness** to set the width of the outline and **Color of the outline** to set its color. + +!!! note + + If a thick outline looks cut off at the edges of the object, increase the **Padding** property to enlarge the area in which the effect is drawn. + ## 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..97560782b28 100644 --- a/docs/gdevelop5/all-features/effects/rgb-split/index.md +++ b/docs/gdevelop5/all-features/effects/rgb-split/index.md @@ -4,6 +4,10 @@ Separate each component's RGB(red, green, blue) colors and display them on the s ![](rgb-effect.png) +## Properties + +Each color channel has its own **X offset** and **Y offset**. By shifting the red, green and blue channels in different directions you control the strength and orientation of the chromatic aberration — useful for glitch effects, damage feedback or an old-lens look. Set all offsets to 0 to disable the 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..930349e6cdc 100644 --- a/docs/gdevelop5/all-features/effects/tilt-shift/index.md +++ b/docs/gdevelop5/all-features/effects/tilt-shift/index.md @@ -4,6 +4,11 @@ Add blur to the top and bottom of the entire layer or object. Perfect to simulat ![](tilt-shift-effect.png) +## Properties + +- **Blur** sets how strong the blur is at the top and bottom of the screen. +- **Gradient blur** sets the height of the sharp, in-focus band in the middle: a smaller value gives a narrow strip of focus (a stronger "tiny world" effect), while a larger value keeps more of the screen sharp. + ## Reference