Class for loading a CubeTexture. This uses the ImageLoader internally for loading files.

Code Example

const scene = new v3d.Scene(); scene.background = new v3d.CubeTextureLoader() .setPath('textures/cubeMaps/') .load([ 'px.png', 'nx.png', 'py.png', 'ny.png', 'pz.png', 'nz.png' ]);


materials / cubemap
materials / cubemap / balls / reflection
materials / cubemap / balls / refraction
materials / cubemap / dynamic
materials / cubemap / refraction


CubeTextureLoader(manager : LoadingManager)

manager — The loadingManager for the loader to use. Default is v3d.DefaultLoadingManager.

Creates a new CubeTextureLoader.


See the base Loader class for common properties.


See the base Loader class for common methods.

.load (urls : String, onLoad : Function, onProgress : Function, onError : Function) : CubeTexture

urls — array of 6 urls to images, one for each side of the CubeTexture. The urls should be specified in the following order: pos-x, neg-x, pos-y, neg-y, pos-z, neg-z. They can also be Data URIs.
Note that, by convention, cube maps are specified in a coordinate system in which positive-x is to the right when looking up the positive-z axis -- in other words, using a left-handed coordinate system. Since Verge3D uses a right-handed coordinate system, environment maps used in Verge3D will have pos-x and neg-x swapped.
onLoad — Will be called when load completes. The argument will be the loaded texture.
onProgress — Will be called while load progresses. The argument will be the XMLHttpRequest instance, which contains .total and .loaded bytes.
onError — Will be called when load errors.

Begin loading from url and pass the loaded texture to onLoad.


For more info on how to obtain the source code of this module see this page.