Move some effect help pages

docs/gdevelop5/all-features/effects/color-map/index.md

@@ -0,0 +1,28 @@
+#  Color map effect
+
+Applies a color-map effect on an object or layer.
+
+![](/gdevelop5/interface/scene-editor/71485828-745d9080-2813-11ea-915d-4dcfc9f67201.png)
+
+This works by modifying a reference "color image map" containing all possible colors.
+
+Create your own color map
+
+  - Download the reference color map image:
+    ![](color-map-original-template.png)
+  - 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.
+      - Try some filters on your assets first to get an dea of the end result
+      - Once you found the right settings, apply the same filters to the reference color map image.
+      - Save it as a new file
+  - Use this new image as the color image map for the effect in GDevelop.
+
+Try some ready-to-use color maps
+
+- color-map-model-1.png : ![](color-map-model-1.png)
+- color-map-model-2.png : ![](color-map-model-2.png)
+- color-map-model-3.png : ![](color-map-model-3.png)
+
+
+## Reference
+
+All effects are listed in [the effects reference page](/gdevelop5/all-features/effects/reference/).

docs/gdevelop5/all-features/effects/crt/index.md

@@ -0,0 +1,10 @@
+#  CRT effect
+
+Applies a CRT effect, simulating an old cathode-ray tube television.
+
+![](crt-effect.png)
+
+
+## Reference
+
+All effects are listed in [the effects reference page](/gdevelop5/all-features/effects/reference/).

docs/gdevelop5/all-features/effects/displacement/index.md

@@ -0,0 +1,18 @@
+#  Displacement effect
+
+This effect uses the pixel values from the specified texture (called the displacement map) to perform a displacement of an object or layer.
+
+![](20230313-151623.png)
+
+You can download **this example of a displacement map file** and use it in GDevelop when setting up the effect:
+
+![](displacement_map.png)
+
+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.
+
+> 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.
+
+
+## Reference
+
+All effects are listed in [the effects reference page](/gdevelop5/all-features/effects/reference/).

docs/gdevelop5/all-features/effects/drop-shadow/index.md

@@ -0,0 +1,10 @@
+#  Drop shadow effect
+
+Add a drop shadow under your object's visible on the layer.
+
+![](drop-shadow-effect.png)
+
+
+## Reference
+
+All effects are listed in [the effects reference page](/gdevelop5/all-features/effects/reference/).

docs/gdevelop5/all-features/effects/god-rays/index.md

@@ -0,0 +1,10 @@
+#  God rays effect
+
+Cast rays of light from the top of the screen. **This won't work well if shown on top of the background color of the scene**. Be sure to use an object acting as a background or a floor.
+
+![](godray-effect.gif)
+
+
+## Reference
+
+All effects are listed in [the effects reference page](/gdevelop5/all-features/effects/reference/).

docs/gdevelop5/all-features/effects/kawase-blur/index.md

@@ -0,0 +1,8 @@
+#  Kawase blur effect
+
+This is a faster version of the traditional "Blur" effect. It's recommended that you use this one rather than the "Gaussian" blur effect.
+
+
+## Reference
+
+All effects are listed in [the effects reference page](/gdevelop5/all-features/effects/reference/).

docs/gdevelop5/all-features/effects/outline/index.md

@@ -0,0 +1,10 @@
+#  Outline
+
+Add an outline on all objects of the layer having the effect.  **This won't work well if shown on top of the background color of the scene**. Be sure to use an object acting as a background or a floor.
+
+![](outline-effect.png)
+
+
+## Reference
+
+All effects are listed in [the effects reference page](/gdevelop5/all-features/effects/reference/).

docs/gdevelop5/all-features/effects/pixelate/index.md

@@ -0,0 +1,14 @@
+#  Pixelate effect
+
+Applies a pixelated effect, making display objects appear 'blocky'.
+
+![](pixelate-effect.png)
+
+!!! note
+
+    For pixel-perfect or 8-bitgames, you can change the **Scale mode** options in your [game properties](/gdevelop5/interface/project-manager/properties) instead of using this effect.
+
+
+## Reference
+
+All effects are listed in [the effects reference page](/gdevelop5/all-features/effects/reference/).

docs/gdevelop5/all-features/effects/rgb-split/index.md

@@ -0,0 +1,10 @@
+#  RGB split effect
+
+Separate each component's RGB(red, green, blue) colors and display them on the screen with an offset:
+
+![](rgb-effect.png)
+
+
+## Reference
+
+All effects are listed in [the effects reference page](/gdevelop5/all-features/effects/reference/).

docs/gdevelop5/all-features/effects/tilt-shift/index.md

@@ -0,0 +1,10 @@
+#  Tilt shift effect
+
+Add blur to the top and bottom of the entire layer or object. Perfect to simulate a tiny world or a camera focus effect.
+
+![](tilt-shift-effect.png)
+
+
+## Reference
+
+All effects are listed in [the effects reference page](/gdevelop5/all-features/effects/reference/).