Three.js

CanvasTexture( canvas, mapping, wrapS, wrapT, magFilter, minFilter, format, type, anisotropy )

.needsUpdate

Значением по умолчанию является true. Это необходимо для загрузки данных холста (canvas).

CanvasTexture.js в этом справочнике
CanvasTexture.js на github.com

CompressedTexture( mipmaps, width, height, format, type, mapping, wrapS, wrapT, magFilter, minFilter, anisotropy )

.flipY

Значение по умолчанию равно false. Flipping textures does not work for compressed textures.

.generateMipmaps

Значение по умолчанию равно false. Mipmaps can't be generated for compressed textures.

CompressedTexture.js в этом справочнике
CompressedTexture.js на github.com

var loader = new THREE.CubeTextureLoader();
loader.setPath( 'textures/cube/pisa/' );

var textureCube = loader.load( [
  'px.png', 'nx.png',
  'py.png', 'ny.png',
  'pz.png', 'nz.png'
] );

var material = new THREE.MeshBasicMaterial( { color: 0xffffff, envMap: textureCube } );

CubeTexture( images, mapping, wrapS, wrapT, magFilter, minFilter, format, type, anisotropy )

CubeTexture.js в этом справочнике
CubeTexture.js на github.com

DataTexture( data, width, height, format, type, mapping, wrapS, wrapT, magFilter, minFilter, anisotropy )

[property:Image image

Overridden with a record type holding data, width and height.

DataTexture.js в этом справочнике
DataTexture.js на github.com

[example:webgl_depth_texture depth / texture

DepthTexture( [page:Number width, [page:Number height, [page:Constant type, [page:Constant wrapS, [page:Constant wrapT, [page:Constant magFilter, [page:Constant minFilter, [page:Number anisotropy, [page:Constant format )

[page:Texture.format .format

Either [page:Textures DepthFormat (default) or [page:Textures DepthStencilFormat. See [page:Textures format constants for details.

[page:Texture.type .type

Default is [page:Textures THREE.UnsignedShortType. See [page:Textures format constants for details.

[page:Texture.magFilter .magFilter

How the texture is sampled when a texel covers more than one pixel. The default is [page:Textures THREE.NearestFilter. See [page:Textures magnification filter constants for other choices.

[page:Texture.minFilter .minFilter

How the texture is sampled when a texel covers less than one pixel. The default is [page:Textures THREE.NearestFilter. See [page:Textures magnification filter constants for other choices.

[page:Texture.flipY .flipY

Depth textures do not need to be flipped so this is *false* by default.

[page:Texture.generateMipmaps .generateMipmaps

Depth textures do not use mipmaps.

DepthTexture.js в этом справочнике
DepthTexture.js на github.com

// load a texture, set wrap mode to repeat
// загрузка текстуры, установка режима оболочки для повторения
var texture = new THREE.TextureLoader().load( "textures/water.jpg" );
texture.wrapS = THREE.RepeatWrapping;
texture.wrapT = THREE.RepeatWrapping;
texture.repeat.set( 4, 4 );

Texture( image, mapping, wrapS, wrapT, magFilter, minFilter, format, type, anisotropy )

.id

Уникальное число для данного экземпляра текстуры (только для чтения).

.image

An Image object, typically created using the ImageUtils or [page:ImageLoader ImageLoader classes. The Image object can include an image (e.g., PNG, JPG, GIF, DDS), video (e.g., MP4, OGG/OGV), or set of six images for a cube map. To use video as a texture you need to have a playing HTML5 video element as a source for your texture image and continuously update this texture as long as video is playing.

.mapping

How the image is applied to the object. An object type of THREE.UVMapping is the default, where the U,V coordinates are used to apply the map, and a single texture is expected. The other types are THREE.CubeReflectionMapping, for cube maps used as a reflection map; THREE.CubeRefractionMapping, refraction mapping; and THREE.SphericalReflectionMapping, a spherical reflection map projection.

.wrapS

The default is THREE.ClampToEdgeWrapping, where the edge is clamped to the outer edge texels. The other two choices are THREE.RepeatWrapping and THREE.MirroredRepeatWrapping.

.wrapT

The default is THREE.ClampToEdgeWrapping, where the edge is clamped to the outer edge texels. The other two choices are THREE.RepeatWrapping and THREE.MirroredRepeatWrapping.

.magFilter

How the texture is sampled when a texel covers more than one pixel. The default is THREE.LinearFilter, which takes the four closest texels and bilinearly interpolates among them. The other option is THREE.NearestFilter, which uses the value of the closest texel.

.minFilter

How the texture is sampled when a texel covers less than one pixel. The default is THREE.LinearMipMapLinearFilter, which uses mipmapping and a trilinear filter. Other choices are THREE.NearestFilter, THREE.NearestMipMapNearestFilter, THREE.NearestMipMapLinearFilter, THREE.LinearFilter, and THREE.LinearMipMapNearestFilter. These vary whether the nearest texel or nearest four texels are retrieved on the nearest mipmap or nearest two mipmaps. Interpolation occurs among the samples retrieved.

.format

The default is THREE.RGBAFormat for the texture. Other formats are: THREE.AlphaFormat, THREE.RGBFormat, THREE.LuminanceFormat, and THREE.LuminanceAlphaFormat. There are also compressed texture formats, if the S3TC extension is supported: THREE.RGB_S3TC_DXT1_Format, THREE.RGBA_S3TC_DXT1_Format, THREE.RGBA_S3TC_DXT3_Format, and THREE.RGBA_S3TC_DXT5_Format.

.type

The default is THREE.UnsignedByteType. Other valid types (as WebGL allows) are THREE.ByteType, THREE.ShortType, THREE.UnsignedShortType, THREE.IntType, THREE.UnsignedIntType, THREE.FloatType, THREE.UnsignedShort4444Type, THREE.UnsignedShort5551Type, and THREE.UnsignedShort565Type.

.anisotropy

The number of samples taken along the axis through the pixel that has the highest density of texels. By default, this value is 1. A higher value gives a less blurry result than a basic mipmap, at the cost of more texture samples being used. Use renderer.getMaxAnisotropy() to find the maximum valid anisotropy value for the GPU; this value is usually a power of 2.

.needsUpdate

If a texture is changed after creation, set this flag to true so that the texture is properly set up. Particularly important for setting the wrap mode.

.repeat

How many times the texture is repeated across the surface, in each direction U and V.

.offset

How much a single repetition of the texture is offset from the beginning, in each direction U and V. Typical range is 0.0 to 1.0.

.name

Given name of the texture, empty string by default.

.generateMipmaps

Whether to generate mipmaps (if possible) for a texture. True by default.

.flipY

True by default. Flips the image's Y axis to match the WebGL texture coordinate space.

.mipmaps

Array of user-specified mipmaps (optional).

.unpackAlignment

4 by default. Specifies the alignment requirements for the start of each pixel row in memory. The allowable values are 1 (byte-alignment), 2 (rows aligned to even-numbered bytes), 4 (word-alignment), and 8 (rows start on double-word boundaries). See glPixelStorei for more information.

.premultiplyAlpha

False by default, which is the norm for PNG images. Set to true if the RGB values have been stored premultiplied by alpha.

.encoding

Set to THREE.LinearEncoding by default, but supports sRGB, RGBE, RGBM, RGBD, LogLuv and Gamma corrected encodings. IMPORTANT: If this value is changed on a texture after the material has been used, it is necessary to trigger a Material.needsUpdate for this value to be realized in the shader.

.onUpdate

A callback function, called when the texture is updated (e.g., when needsUpdate has been set to true and then the texture is used).

.clone ( texture )

Make copy of the texture. Note this is not a "deep copy", the image is shared.

.dispose ()

Call EventDispatcher.dispatchEvent with a 'dispose' event type.

.toJSON ( meta )

Convert the material to three.js JSON format.

.transformUv ( uv )

Transform the uv based on the value of this texture's .repeat, .offset, .wrapS, .wrapT and .flipY properties.

Texture.js в этом справочнике
Texture.js на github.com

//assuming you have created a HTML video element with id="video"
var video = document.getElementById( 'video' );

var texture = new THREE.VideoTexture( video );
texture.minFilter = THREE.LinearFilter;
texture.magFilter = THREE.LinearFilter;
texture.format = THREE.RGBFormat;

WebGL / materials / video

VideoTexture( video, mapping, wrapS, wrapT, magFilter, minFilter, format, type, anisotropy )

.needsUpdate

.update()