Class: LazyTexture

LazyTexture

new LazyTexture(params)

texture/LazyTexture.js, line 24

懒加载纹理

Name Type Description
params object optional

初始化参数，所有params都会复制到实例上

Name Type Default Description
crossOrigin boolean false optional

是否跨域
placeHolder HTMLImageElement optional

占位图片，默认为1像素的透明图片
autoLoad boolean true optional

是否自动加载
src string optional

图片地址
Fires:
  • event:load 加载成功事件
  • event:error 加载失败事件
Example
var material = new Hilo3d.BasicMaterial({
    diffuse: new Hilo3d.LazyTexture({
        crossOrigin: true,
        src: '//img.alicdn.com/tfs/TB1aNxtQpXXXXX1XVXXXXXXXXXX-1024-1024.jpg'
    });
});

Extends

Members Show Inherited

Name Type Default Description
isLazyTexture boolean true
className string LazyTexture
crossOrigin boolean false

图片是否跨域
autoLoad boolean true

是否在设置src后立即加载图片
resType string

资源类型，用于加载时判断
src string

图片地址
isTexture boolean true inherited
isImageCanRelease boolean false inherited

图片资源是否可以释放，可以的话，上传到GPU后将释放图片引用
image HTMLImageElement null inherited

图片对象
mipmaps Array.<HTMLImageElement> | Array.<TypedArray> null inherited

mipmaps
target GLenum gl.TEXTURE_2D inherited

Texture Target
internalFormat GLenum gl.RGBA inherited

Texture Internal Format
format GLenum gl.RGBA inherited

图片 Format
type GLenum gl.UNSIGNED_BYTE inherited

类型
width number 0 inherited
height number 0 inherited
border Number 0 inherited
magFilter GLenum gl.LINEAR inherited

magFilter
minFilter GLenum gl.LINEAR inherited

minFilter
wrapS GLenum gl.REPEAT inherited

wrapS
wrapT GLenum gl.REPEAT inherited

wrapT
name string inherited
premultiplyAlpha boolean false inherited
flipY boolean false inherited

是否翻转Texture的Y轴
compressed Boolean false inherited

是否压缩
needUpdate boolean true inherited

是否需要更新Texture
needDestroy boolean false inherited

是否需要销毁之前的Texture，Texture参数变更之后需要销毁
autoUpdate boolean false inherited

是否每次都更新Texture
uv Number 0 inherited

uv
anisotropic Number 1 inherited

anisotropic
origWidth Number 0 inherited

获取原始图像宽度。
origHeight Number 0 inherited

获取原始图像高度。
useMipmap Boolean inherited

是否使用 mipmap
useRepeat Boolean inherited

是否使用 repeat
mipmapCount Number inherited

mipmapCount

Methods Show Inherited

load(throwError){Promise.<void>}

texture/LazyTexture.js, line 106

加载图片

Name Type Default Description
throwError boolean false optional

是否 throw error
Returns:
Type Description
Promise.<void> 返回加载的Promise

inherited isImgPowerOfTwo(img){Boolean}

texture/Texture.js, line 341

是否是 2 的 n 次方

Name Type Description
img HTMLImageElement
Returns:
Type Description
Boolean

inherited getSupportSize(img, needPowerOfTwo){Object}

texture/Texture.js, line 350

获取支持的尺寸

Name Type Default Description
img HTMLImageElement
needPowerOfTwo Boolean false optional
Returns:
Type Description
Object { width, height }

inherited resizeImgToPowerOfTwo(img){HTMLCanvasElement|HTMLImageElement}

texture/Texture.js, line 380

更新图片大小成为 2 的 n 次方

Name Type Description
img HTMLImageElement
Returns:
Type Description
HTMLCanvasElement | HTMLImageElement

inherited resizeImg(img, width, height){HTMLCanvasElement|HTMLImageElement}

texture/Texture.js, line 391

更新图片大小

Name Type Description
img HTMLImageElement
width Number
height Number
Returns:
Type Description
HTMLCanvasElement | HTMLImageElement

inherited updateTexture(state, glTexture){Texture}

texture/Texture.js, line 459

更新 Texture

Name Type Description
state WebGLState
glTexture WebGLTexture
Returns:
Type Description
Texture this

inherited updateSubTexture(xOffset, yOffset, image)

texture/Texture.js, line 543

跟新局部贴图

Name Type Description
xOffset Number
yOffset Number
image HTMLImageElement | HTMLCanvasElement | ImageData

inherited getGLTexture(state){WebGLTexture}

texture/Texture.js, line 555

获取 GLTexture

Name Type Description
state WebGLState
Returns:
Type Description
WebGLTexture

inherited setGLTexture(texture, needDestroy){Texture}

texture/Texture.js, line 587

设置 GLTexture

Name Type Default Description
texture WebGLTexture
needDestroy Boolean false optional

是否销毁之前的 GLTexture
Returns:
Type Description
Texture this

inherited destroy(){Texture}

texture/Texture.js, line 599

销毁当前Texture

Returns:
Type Description
Texture this

inherited clone(){Texture}

texture/Texture.js, line 612

clone

Returns:
Type Description
Texture