Hi y’all!

Demo Here!

Image Based Lighting (IBL) performs a color lookup from a surrounding cubemap based on an object’s normal vectors.

In this example, I dropped a reflective object into a cubemap in Three.js!

 

References:

For an IBL primer, check out the 2003 Siggraph presentation.

I pulled the textures for the cubemap in the demo from Paul Debevec’s library of cube maps.

Mouse camera-tumble controls are handled by an orbital.js object.