/pbr-compare

Primary LanguageJavaScript

PBR Compare

Testing different PBR implementations for glTF in WebGL with HDR Envmaps and IBL.

Running code

  1. First copy /assets folder to respective liblary folder eg /clay/assets.

  2. Compiling

cd library_name
npm i
browserify index.js -o bundle.js
  1. Open repo/index.html or library_name/index.html

Live demo

http://vorg.github.io/pbr-compare/index.html

Notes

ClayGL

  • I'm using Advanced Renderer for SSAO.
  • There is inconsitency with environment map orientation #5

PEX

  • There is inconsitency with environment map orientation
  • There is inconsitency with environment map orientation #5

THREE

  • I'm using HDR Cubemap instead of Equirect HDR Panorama #3
  • I'm using LDR Cubemap for Skybox and HDR cubemap for reflections #4

BabylonJS

  • No issues here

TODO: Playcanvas

Credits

Flight Helmet Donated by Microsoft for glTF testing Created by Patrick Ryan

Vatican Road by HDRI Heaven https://hdrihaven.com/hdri/?c=outdoor&h=vatican_road