ewrfedf / three-viewer

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

Home Page:https://todaylg.com/three-viewer/

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

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

https://todaylg.com/three-viewer/

License:MIT License


Languages

Language:JavaScript 78.4%Language:GLSL 20.5%Language:Vue 0.9%Language:HTML 0.1%