Spherical Environment Mapping (MatCap/LitSphere) and Normal Mapping

Click and drag to rotate, mouse wheel or pinch to zoom.
Use the options on the panel on the right!

Code by Jaume Sánchez @thespite. Find the code on GitHub.
Coded using three.js (with three-subdivide and ImprovedNoise), Lee Perry-Smith's head, Suzanne.
Textures and normal maps are owned by their respective owners (LitSphere from polycount.com, Luxology, etc.)

What to do

You can press the gear button to pin the panel open. Play around selecting texture maps, normal maps to add bumpiness, and different models. There's lot of additional options to tweak, and you can even take snapshots to share. Drop your own images on the Drop boxes, or click them to pick a file.


Material map

    Normal map

      Normal scale

      Intensity:

      Repeat:

      Model

      Rim lighting

      Intensity:

      Power:

      Render options

      Screen Blending Antialiasing

      Actions

      Fullscreen Snapshot