Three.js pbr Solution

Question

I know toolbag and playcanvas best support PBR (physical based rendering). What pbr solution in three.js?

Please give some link or example.

toolbag pbr

playcanvas pbr

score 3 · Answer 1 · answered Jul 05 '15 at 23:50

3

Below are some Three.js examples using PBR:

answered Jul 05 '15 at 23:50

Ben Mack

489
2
7
29

Nice finds. Though with the demo of the first one I am seeing some weird pulsing in the specular highlights. Setting the roughness up allows you to see it more clear. Do you see it too or is it just my machine? http://sijietian.com/WebGL/pbr/ – 2pha Jul 06 '15 at 02:28
WebGLpbr:I also seeing some weird pulsing in the specular highlights – laishi Jul 06 '15 at 04:16
1

here is one http://dusanbosnjak.com/test/webGL/new/pbr/poredjenjeNormalaBias.html – laishi Jul 06 '15 at 04:35
Only the one in comment is using IBL (Image Based Lighting) though, which is the most common use of PBR. – moka Sep 21 '15 at 16:10

score 2 · Answer 2 · answered Sep 29 '16 at 19:48

The Khronos gltf format now has a proposed PBR extension in the works. The long-term goal is to have a standard 3D model format with PBR capability that is supported by Three.js and many other rendering engines.

As of this writing (Sept 2016) this is still in the early stages and there are no examples to share yet. Interested parties may track the list of PBR issues to follow along with the progress.

score 1 · Answer 3 · answered Jul 23 '16 at 05:42

1

Check out THREE.MeshStandardMaterial. You get metalness and roughness properties along with the usual normal and ao

http://threejs.org/docs/#Reference/Materials/MeshStandardMaterial

answered Jul 23 '16 at 05:42

strider

5,674
4
24
29

Three.js pbr Solution

3 Answers3