Merge 2311aad into c773601

dev-docs/RFCs/v7.x/post-process-effect-rfc.md

@@ -11,8 +11,8 @@ Post-processing effect rendering is part of deck.gl effect rendering pipeline, f
 
 A post-processing effect is created from `PostProcessEffect` class and Shader module.
 ```js
-import {brightnessContrast} from @luma.gl/effects;
-import {PostProcessEffect} from @deck.gl/core;
+import {brightnessContrast} from '@luma.gl/effects';
+import {PostProcessEffect} from '@deck.gl/core';
 
 const postProcessEffect = new PostProcessEffect(brightnessContrast, {
   brightness: 0.5,

docs/effects/lighting-effect.md

@@ -45,4 +45,4 @@ Array of [PointLight](/docs/api-reference/lights/point-light.md) source which em
 
 ## Source
 
-[/modules/core/src/effects/lighting-effect.js](https://github.com/uber/deck.gl/tree/master/modules/core/src/effects/lighting/lighting-effect.js)
+[/modules/core/src/effects/lighting/lighting-effect.js](https://github.com/uber/deck.gl/tree/master/modules/core/src/effects/lighting/lighting-effect.js)

docs/effects/post-process-effect.md

@@ -0,0 +1,40 @@
+# PostProcessEffect
+
+The post-processing Effect applies kinds of screen space pixel manipulation effects to deck.gl layers.
+
+## Constructor
+
+```js
+new PostProcessEffect(shaderModule, props);
+```
+
+Parameters:
+* `shaderModule`(Object) - a shader module wraps a screen space effect. For supported effects see [glfx shader modules](https://github.com/uber/luma.gl/blob/master/modules/effects/src/index.js).
+* `props`(Object) - parameters to replace the default values in shader module.
+
+## Example
+
+```js
+import {brightnessContrast} from '@luma.gl/effects';
+import {PostProcessEffect} from '@deck.gl/core';
+
+const postProcessEffect = new PostProcessEffect(brightnessContrast, {
+  brightness: 1.0,
+  contrast: 1.0
+});
+
+const deckgl = new Deck({
+  canvas: 'my-deck-canvas',
+  initialViewState,
+  controller: true,
+  // add effect to deck
+  effects: [postProcessEffect],
+  layers: [new GeoJsonLayer({
+    ...
+  })]
+});
+```
+
+## Source
+
+[/modules/core/src/effects/post-process-effect.js](https://github.com/uber/deck.gl/tree/master/modules/core/src/effects/post-process-effect.js)

website/contents/pages.js

@@ -576,6 +576,10 @@ export const docPages = generatePath([
           {
             name: 'LightingEffect',
             content: getDocUrl('effects/lighting-effect.md')
+          },
+          {
+            name: 'PostProcessEffect',
+            content: getDocUrl('effects/post-process-effect.md')
           }
         ]
       },