Laya中的ImageTextureWebGLImage

Posted 2021-01-04 chiguozi

Image

• Image是Laya的一个UI组件，继承自Component。
• Image.bitmap属性，是AutoBitmap类型；AutoBitmap继承自Graphics，负责处理图片九宫格逻辑。AutoBitmap与Bitmap没有继承关系。
• AutoBitmap.source 是Texture类型，是Image.skin对应的图片。
• Image.source指向的就是AutoBitmap.source，类型为Texture。

Texture

• Texture 是Laya对图片类型的封装，保存着对图片资源的引用，或者指向所在自动图集。
• Texture.bitmap在Canvas(默认模式)下为htmlImage，在WebGl模式下为WebGLImage。如果图片被打入到自动图集中，Texture.bitmap指向对应的图集Canvas。
• Texture.source指向的是原生H5的Image，"Browser.window.Image"

WebGLImage

• WebGLImage继承自HtmlImage，通过H5的原生方法去下载图片，再把数据取出，用WebGl的方式生成WebGlTexture。
• WebGlImage在recreate时，创建一个WebGlTexture，并保存其引用，将原生image的数据填充进去。等到渲染时，直接使用WebGL的方式将图片显然出来。
• WebGLTexture.atlasSource 指向的是原生H5的Image。
• 使用WebGL模式时，Texture都是使用WebGLImage的方式。