todaylg/three-viewer

PBR rendering equation playground and feature experiment, based on Threejs and Envtools

three-viewer

PBR rendering experiment of a single model, convenient comparison of rendering equations, based on Threejs and Envtools

Online Demo

Feature

• Select rendering equation(reload shader)

• Envtools-based IBL (Spherical Harmonics Lighting/Blur Background/Cube Envmap/Sunlight)

• Environment Rotation

• Direction light And shadow

• Camera/ShadowCamera Adaptation Model

Usage

1. Install the necessary node modules.

npm i

2. Run the npm script dev to start development.

npm run dev

3. When finishing development, run the npm script build to make the compressed files.

npm run build

Source

• OSG.js
• Filament
• UE4

Todo

• Specular Glossiness Material

• Panorama EnvMap(For the devices that dont support lod)

• Fix energy loss in specular reflectance

• Anisotropy(GGX)

• Clearcoat

• Sheen

• Spot/Point Light and Shadow

• Post-processing(WIP)

• Ground Shadow

• Shadow Jitter