Skip to content

Commit da3d81b

Browse files
committed
Move some effect help pages
1 parent 6002436 commit da3d81b

26 files changed

Lines changed: 224 additions & 183 deletions

docs/gdevelop5/interface/scene-editor/color-map-model-1.png renamed to docs/gdevelop5/all-features/effects/color-map/color-map-model-1.png

File renamed without changes.

docs/gdevelop5/interface/scene-editor/color-map-model-2.png renamed to docs/gdevelop5/all-features/effects/color-map/color-map-model-2.png

File renamed without changes.

docs/gdevelop5/interface/scene-editor/color-map-model-3.png renamed to docs/gdevelop5/all-features/effects/color-map/color-map-model-3.png

File renamed without changes.

docs/gdevelop5/interface/scene-editor/color-map-original-template.png renamed to docs/gdevelop5/all-features/effects/color-map/color-map-original-template.png

File renamed without changes.
Lines changed: 28 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,28 @@
1+
# Color map effect
2+
3+
Applies a color-map effect on an object or layer.
4+
5+
![](/gdevelop5/interface/scene-editor/71485828-745d9080-2813-11ea-915d-4dcfc9f67201.png)
6+
7+
This works by modifying a reference "color image map" containing all possible colors.
8+
9+
Create your own color map
10+
11+
- Download the reference color map image:
12+
![](color-map-original-template.png)
13+
- Use an image editor (like [GIMP](https://www.gimp.org) or Photoshop) to tweak the color the reference color image map with some filters. For instance, you can use GIMP [Rotate Colors](https://docs.gimp.org/3.0/en/gimp-filter-color-rotate.html) filter.
14+
- Try some filters on your assets first to get an dea of the end result
15+
- Once you found the right settings, apply the same filters to the reference color map image.
16+
- Save it as a new file
17+
- Use this new image as the color image map for the effect in GDevelop.
18+
19+
Try some ready-to-use color maps
20+
21+
- color-map-model-1.png : ![](color-map-model-1.png)
22+
- color-map-model-2.png : ![](color-map-model-2.png)
23+
- color-map-model-3.png : ![](color-map-model-3.png)
24+
25+
26+
## Reference
27+
28+
All effects are listed in [the effects reference page](/gdevelop5/all-features/effects/reference/).
File renamed without changes.
Lines changed: 10 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,10 @@
1+
# CRT effect
2+
3+
Applies a CRT effect, simulating an old cathode-ray tube television.
4+
5+
![](crt-effect.png)
6+
7+
8+
## Reference
9+
10+
All effects are listed in [the effects reference page](/gdevelop5/all-features/effects/reference/).

docs/gdevelop5/interface/scene-editor/layer-effects/pasted/20230313-151623.png renamed to docs/gdevelop5/all-features/effects/displacement/20230313-151623.png

File renamed without changes.

docs/gdevelop5/interface/scene-editor/displacement_map.png renamed to docs/gdevelop5/all-features/effects/displacement/displacement_map.png

File renamed without changes.
Lines changed: 18 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,18 @@
1+
# Displacement effect
2+
3+
This effect uses the pixel values from the specified texture (called the displacement map) to perform a displacement of an object or layer.
4+
5+
![](20230313-151623.png)
6+
7+
You can download **this example of a displacement map file** and use it in GDevelop when setting up the effect:
8+
9+
![](displacement_map.png)
10+
11+
You can use this effect to apply all manner of warping effects. Currently, the `r` (red) property of the texture is used to offset the x-axis and the `g` (green) property of the texture is used to offset the y axis.
12+
13+
> It uses the values of the displacement map to look up the correct pixels to output. This means it's not moving the original. Instead, it's starting from the original output and displays the screen differently based on the displacement map. For example, if a displacement map pixel has red = 1 and the filter scale is 20, this filter will output the pixel approximately 20 pixels to the right of the original.
14+
15+
16+
## Reference
17+
18+
All effects are listed in [the effects reference page](/gdevelop5/all-features/effects/reference/).

0 commit comments

Comments
 (0)