Skip to content

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

License

Notifications You must be signed in to change notification settings

todaylg/three-viewer

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

57 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

three-viewer

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

Online Demo

image

image

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
  1. Run the npm script dev to start development.
npm run dev
  1. When finishing development, run the npm script build to make the compressed files.
npm run build

Source

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

About

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

Topics

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages