Customize a WebXR Augmented Reality session with HTML, CSS, and JS in Chrome
-
+
diff --git a/packages/modelviewer.dev/examples/lightingandenv/index.html b/packages/modelviewer.dev/examples/lightingandenv/index.html
index ad98a3589c..6d003d4746 100644
--- a/packages/modelviewer.dev/examples/lightingandenv/index.html
+++ b/packages/modelviewer.dev/examples/lightingandenv/index.html
@@ -139,7 +139,7 @@
Showing the difference between our two baked-in lighting
-
+
@@ -159,6 +159,57 @@
Showing the difference between our two baked-in lighting
+
+
+
+
+
+
Comparing tone mapping
+
Tone mapping is the critical last stage of the rendering pipeline that controls the final look of your model. It is necessary because the reflections are often much brighter than a screen can reproduce, so they must be smoothly mapped into the sRGB range, ideally while avoiding clipping artifacts or hue shifts. The image sensor and processing on a digital camera performs a similar step.
+
Commerce in our new tone mapper, designed specifically for the color accuracy needs of e-commerce. It is guaranteed to avoid all hue shifts, has a relatively sharp rolloff in intensity, and a slower progression to white. This is designed to pass the widest range of base color values through unchanged to the screen, while preserving enough headroom for highlights to show well. Commerce will become our default in our next major release, v4.0.
+
ACES is a film industry standard that is widely used in graphics and is and has been our default tone mapper. However, it produces serious hue shifts and extreme desaturation, making bright yellow and cyan unattainable under any lighting. See for yourself in this example.
+
AgX is a relatively new tone mapper that is getting a lot of adoption in graphics. It has less hue shifting than ACES and may be a good option for matching existing artist workflows, but has the same drawback of significant desaturation. However, in more artistic scenes this can be beneficial since it allows for a slower intensity rolloff.
+
For an apples-to-apples comparison of ACES to Commerce with custom lighting, set the Commerce exposure to 1 and the ACES exposure to 0.77 to account for ACES being artificially bright. This compensation is automatic for our built-in lighting.