toneMapping

Typenumber

DefaultTONE_MAPPING.LINEAR

Apply tone mapping.
This is used to approximate the appearance of high dynamic range (HDR) on the low dynamic range medium of a standard computer monitor or mobile device's screen.

Available values are stored in TONE_MAPPING

import View3D, { TONE_MAPPING } from "@egjs/view3d";

new View3D("#el", {
  toneMapping: TONE_MAPPING.ACES_FILMIC
})

Example

ToneMapping:
Skybox Image:
Exposure: 1

{
    src: "/egjs-view3d/model/draco/alarm.glb",
    skybox: "/egjs-view3d/texture/royal_esplanade_1k.hdr",
    toneMapping: 1
}

Assets Used

▪Alarm Clock 01 by Poly Haven licensed under CC0

▪Artist Workshop by Poly Haven licensed under CC0

▪Comfy Café by Poly Haven licensed under CC0

▪Dry Hay Field by Poly Haven licensed under CC0

▪Evening Meadow by Poly Haven licensed under CC0

▪Royal Esplanade by Poly Haven licensed under CC0

▪Spruit Sunrise by Poly Haven licensed under CC0

▪Vignaioli Night by Poly Haven licensed under CC0

▪Fireplace by Poly Haven licensed under CC0

▪Venice Sunset by Poly Haven licensed under CC0

▪Moonless Golf by Poly Haven licensed under CC0

▪Studio Garden by Poly Haven licensed under CC0

▪Studio by Poly Haven licensed under CC0

Example​

Example