Laya中的Image、Texture、WebGLImage

標籤：create   並儲存   引用   web   auto   使用   建立   creat   image   

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的方式。

Laya中的Image、Texture、WebGLImage