Differences

This shows you the differences between two versions of the page.

Link to this comparison view

Both sides previous revision Previous revision
Next revision
Previous revision
gdevelop5:interface:scene-editor:layer-effects [2019/12/26 17:32]
4ian
gdevelop5:interface:scene-editor:layer-effects [2020/04/05 19:23] (current)
4ian [Layer Effects]
Line 5: Line 5:
 {{ :​gdevelop5:​interface:​scene-editor:​isometric-game-sepia.png?​nolink |}} {{ :​gdevelop5:​interface:​scene-editor:​isometric-game-sepia.png?​nolink |}}
  
-<​note>​Multiple effects are bundled with GDevelop and in the future, you'll be able to install new ones from extensions.</​note>​ 
  
 ## Adding an effect to a layer ## Adding an effect to a layer
Line 74: Line 73:
 Applies a color-map effect to an object or layer. ​ Applies a color-map effect to an object or layer. ​
  
-{{ :​gdevelop5:​interface:​scene-editor:​color-map-effect.png?nolink |}}+{{ :​gdevelop5:​interface:​scene-editor:​71485828-745d9080-2813-11ea-915d-4dcfc9f67201.png?nolink |}}
  
-You can change colors of pixels ​by modifing ​a reference "color image map" containing ​each coloursTo try the filter, **download this file and use it as the color map** in GDevelop when setting up the effect:+This works by modifying ​**reference "color image map"** containing ​all possible colorsIn an image editor (like Photoshop)tweak the color balances of this *reference color image map*. Save it as a new file and use this resulting file as the color image map for the effect ​in GDevelop.
  
-{{:​gdevelop5:​interface:​scene-editor:​colormap-template-16.png?direct |}}+**Download this file and use it as the color map** in GDevelop: 
 + 
 +color-map-original-template.png : {{ :​gdevelop5:​interface:​scene-editor:​color-map-original-template.png?direct |}} 
 +color-map-model-1.png : {{ :​gdevelop5:​interface:​scene-editor:​color-map-model-1.png?direct |}} 
 +color-map-model-2.png : {{ :​gdevelop5:​interface:​scene-editor:​color-map-model-2.png?​direct |}} 
 +color-map-model-3.png : {{ :​gdevelop5:​interface:​scene-editor:​color-map-model-3.png?​direct |}} 
 + 
 + 
 + 
 + 
 +<​note>​Don'​t forget to make changes to the colors of this file using an image editor. Otherwise, no changes will be visible (as the original colors won't be changed).</​note>​
  
 ####  CRT ####  CRT
Line 94: Line 103:
 You can download **this example of a displacement map file** and use it in GDevelop when setting up the effect: You can download **this example of a displacement map file** and use it in GDevelop when setting up the effect:
  
-{{:​gdevelop5:​interface:​scene-editor:​displacement_map.png?​direct |}}+{{ :​gdevelop5:​interface:​scene-editor:​displacement_map.png?​direct |}}
  
 You can use this effect to apply all manor of crazy 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. You can use this effect to apply all manor of crazy 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 technically moving the original. Instead, it's starting at the output and asking "which pixel from the original goes here". 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. > It uses the values of the displacement map to look up the correct pixels to output. This means it's not technically moving the original. Instead, it's starting at the output and asking "which pixel from the original goes here". 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.
 +
  
 ####  Drop shadow ####  Drop shadow