Move some effect help pages

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

@@ -0,0 +1,27 @@
+#  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/displacement/index.md

@@ -0,0 +1,17 @@
+#  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/interface/scene-editor/layer-effects.md

@@ -89,30 +89,6 @@ There are three different actions depending on the type of parameter you want to
 
     While most effects are intuitive enough to be used directly, some might require a bit more knowledge to understand what they do. This section explains some of the advanced effects.
 
-####  Color map
-
-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:
-    ![](/gdevelop5/interface/scene-editor/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 : ![](/gdevelop5/interface/scene-editor/color-map-model-1.png)
-- color-map-model-2.png : ![](/gdevelop5/interface/scene-editor/color-map-model-2.png)
-- color-map-model-3.png : ![](/gdevelop5/interface/scene-editor/color-map-model-3.png)
-
 ####  CRT
 
 Applies a CRT effect, simulating an old cathode-ray tube television.