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

3. 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

• Playcanvas GLTF Loader

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