- 了不起的LayaBox:HTML5游戏开发指南
- 沈毅编著
- 478字
- 2024-11-02 09:33:45
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 查看单张图片