【从0开始学Laya】7-如何使用图集和加载资源

1.图集打包

LayaAir IDE中的【图集打包工具】会将每个目录打包为一个图集，特效类动画因为每个特效帧数量不多可以将多个特效组合到一张图集资源并存放在一个目录内。通过LayaAir IDE对图集打包后，会生成三个文件分别是.atlas、.json、.png文件。动画类Animation通过加载.atlas或.json文件获取图像资源，建议使用.atlas文件，因为在使用时无需加入类型设置。

手动图集打包 图集打包工具

2.图集格式

1）.atlas,推荐的加载方式

  Laya.loader.load(
  "./res/atlas/comp.atlas", 
  Laya.Handler.create(this, onLoaded));

2. .json,是一种兼容第三方的图集配置方式，由于.json文件应用广泛，不仅可以用于图集，所以，在加载.json文件的图集配置时，需要填写类型以进行区分。

    Laya.loader.load(
      [{url:"./res/atlas/comp.json", type:Laya.Loader.ATLAS}],
      Laya.Handler.create(this, this.onLoaded)
    );
   

3.使用图集资源中指定的图片

例如：使用图集的资源需要预加载，然后设置图片的皮肤skin属性值为

[原小图目录名称/原小图资源名.png]，

从图集中取出小图资源其实就是图集打包前对应的目录与资源名称和路径，如图所示：

image.png