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' ]);


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 (optional) — Will be called when load completes. The argument will be the loaded texture.
onProgress (optional) — This callback function is currently not supported.
onError (optional) — Will be called when load errors.

Begin loading from url and pass the loaded texture to onLoad. The method also returns a new texture object which can directly be used for material creation.


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