LayaAir基础（2）之资源加载

最新推荐文章于 2024-08-24 15:30:59 发布

启之灵

最新推荐文章于 2024-08-24 15:30:59 发布

阅读量2.6k

点赞数

分类专栏： LayaAir 文章标签： layaAir

本文链接：https://blog.csdn.net/z_x_Qiang/article/details/86561810

版权

本文旨在介绍如何使用LayaAir框架进行资源加载，包括显示图片和批量加载图集。首先，展示了如何在编辑模式下创建并导出图集，接着详细讲解了如何加载图集中的小图片，以实现高效的游戏资源管理。

摘要由CSDN通过智能技术生成

目的：

1.显示图片

2.加载图集

2.1 先创建图集

在编辑模式下，创建一个页面，进行资源图片的布局，然后导出；

3.批量加载资源

//入口函数
(function(){
    //初始化匿名函数自调用；
    (function(){
        var WebGL = laya.webgl.WebGL;
        Laya.init(600,400,WebGL);
        Laya.stage.scaleMode = Laya.Stage.SCALE_NOSCALE;
        Laya.stage.alignH = Laya.Stage.ALIGN_CENTER;
        Laya.stage.alignV = Laya.Stage.ALIGN_MIDDLE;
        Laya.stage.screenMode = Laya.Stage.SCREEN_NONE;

        // loagImage();
        loadImgList();
    })();   
    function loagImage(){
        //img是在bin目下建立一个文件夹叫img，存放了laya_monkey.png图片；
        let img = new Laya.Image("img/laya_monkey.png");
        // img.skin="img/laya_monkey.png";
        Laya.stage.addChild(img);
    } 

    function loadImgList(){
        //加载图集
        //第一个参数是图集的信息文件，
        //第二