- 了不起的LayaBox:HTML5游戲開發指南
- 沈毅編著
- 478字
- 2022-08-16 17:23:41
2.4.1 單張圖片資源
多人協作開發游戲時,通常需要有專人負責美術資源的制作。在2D游戲開發中,常用的美術資源是位圖圖片,通常為JPG格式或PNG格式。JPG格式的文件,體積比較小,但沒有透明通道,常用于制作游戲場景中的簡單背景。PNG格式的文件,通常會包含透明通道,在多張圖片疊加時有較好的表現。
準備好的單張圖片資源是可以在Laya引擎中直接使用的。為了保證開發過程的可維護性,通常會在bin目錄下準備單獨的目錄專門存放圖片文件,例如bin/res/img。
在Windows資源管理器中,打開D:\layabox2x\laya2project\chapter2\myArrow\bin\res,然后將D:\layabox2x\res\chapter2下的img文件夾復制到該路徑下。在IDE中查看bin/res/img目錄,單擊img下的圖片,顯示效果如圖2.11所示。arrow.png和bow.png是兩張不同的PNG格式的圖片,有很大一部分區域是透明的,因此,在IDE中,這兩張圖片的透明部分都顯示了馬賽克背景。
我們已經在工程中準備好了游戲中會使用的單張圖片素材,在2.5節中將嘗試通過代碼加載這些圖片并顯示在界面上。
通過剛才的觀察可以發現,單張透明圖片周圍存在很多透明部分。在加載圖片資源時,如果能將多張透明圖片合成為一張圖片,就可以減少透明部分并提高性能。在2.4.2節,我們將詳細說明將多張圖片合成圖集(多張圖片的集合)的過程。

圖2.11 查看單張圖片