Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

Three.js : Image Based Lighting (IBL)

Tags:

three.js

I'm searching to add an IBL to my scene and objects. But I can't find anything on the web. There are some examples with an envMap, but the problem is that with the envMap the object looks like chrome... Sphere with envMap

I'm trying to have such an effect: Object with IBL

I found that you can use IBL (Image Based Lighting), PRT (Precomputed Radiance Transfer) or PBR (Physically Based Rendering). But I'm unable to know how to use such an effect with three.js.

[EDIT]

After using the new MeshStandardMaterial from the r74dev I'm able to have the following result: (before) Whithout MeshStandardMaterial (after) With MeshStandardMaterial

But I can't use MeshStandardMaterial and envMap with textures. Either the texture or the MeshStandardMaterial dooesn't work.

like image 243
sRcBh Avatar asked Jun 05 '26 01:06

sRcBh


1 Answers

Thanks to WestLangley I'm using MeshStandardMaterial:

var objectGeometry = new THREE.SphereGeometry( 10, 100, 100 );  
material  = new THREE.MeshStandardMaterial({envMap : textureSkydome});

(r74dev)

like image 177
sRcBh Avatar answered Jun 07 '26 22:06

sRcBh



Donate For Us

If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!