Three.js Skybox Demo

The cube map used on this page is by Emil Persson, but with resolution reduced to 512-by-512.

Drag on either scene to rotate the view.


1. Textured Cube

Here, each of the six images from the cube map is loaded separately. They are combined into an array of materials which is used as the material property for the cube. You can see how the pieces of the cube map match up at the edges.

2. Skybox with Cubemap Texture

For this scene, the images are loaded as a single cubemap texture. That texture is set as the background of the scene, which automatically uses it as a skybox. No objects or lights are added to the scene.