From 1526b0c6e23d3a888db2b66412bc273d42d42df3 Mon Sep 17 00:00:00 2001
From: Jian Huang <jianh@uber.com>
Date: Fri, 26 Apr 2019 13:15:36 -0700
Subject: [PATCH] update what's new for lighting

---
 docs/whats-new.md | 26 +++++++++++++++++++++++++-
 1 file changed, 25 insertions(+), 1 deletion(-)

diff --git a/docs/whats-new.md b/docs/whats-new.md
index 234fcb4d269..36072e3b259 100644
--- a/docs/whats-new.md
+++ b/docs/whats-new.md
@@ -98,8 +98,32 @@ We are releasing [loaders.gl](https://uber-web.github.io/loaders.gl/) as a major
 
 ### New Effects System
 
-A new effects system is written from the ground up for v7.0. This opens the possibilities for many exciting visual effect features down the road. As a start, we're introducing [LightingEffect](/docs/effects/lighting-effect.md) - an easier, more comprehensive way to control the lighting for your layers.
+<table style="border: 0;" align="center">
+  <tbody>
+    <tr>
+      <td>
+        <img height=200 src="https://raw.github.com/uber-common/deck.gl-data/master/images/whats-new/ambient-light.gif" />
+        <p><i>Ambient Light</i></p>
+      </td>
+      <td>
+        <img height=200 src="https://raw.github.com/uber-common/deck.gl-data/master/images/whats-new/point-light.gif" />
+        <p><i>Point Light</i></p>
+      </td>
+    </tr>
+    <tr>
+      <td>
+        <img height=200 src="https://raw.github.com/uber-common/deck.gl-data/master/images/whats-new/directional-light.gif" />
+        <p><i>Directional Light</i></p>
+      </td>
+      <td>
+        <img height=200 src="https://raw.github.com/uber-common/deck.gl-data/master/images/whats-new/camera-light.gif" />
+        <p><i>Camera Light</i></p>
+      </td>
+    </tr>
+  </tbody>
+</table>
 
+A new effects system is written from the ground up for v7.0. This opens the possibilities for many exciting visual effect features down the road. As a start, we're introducing [LightingEffect](/docs/effects/lighting-effect.md) - an easier, more comprehensive way to control the lighting for your layers. See [Using Lighting](/docs/developer-guide/using-lighting.md) for details.
 ### Layer API
 
 * **Binary data support**: In v7.0 we are making binary data a first-class citizen of deck.gl. Whereas the `data` prop of layers only accepted JavaScript arrays in the past, you may now provide a non-iterable object to `data`. See [example](/docs/developer-guide/performance.md#on-using-binary-data).