LayaAir基础（7）之 .ani动画文件

最新推荐文章于 2024-06-19 09:32:26 发布

启之灵

最新推荐文章于 2024-06-19 09:32:26 发布

阅读量1.9k

点赞数

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

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

版权

本文介绍了LayaAir中如何创建和使用.ani动画文件。.ani文件存储动画数据，引擎加载后即可显示动画。创建过程包括建立GraphicAnimation文件并使用F12导出，之后可通过代码加载和控制这些动画文件。

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

.ani动画文件

是将动画数据，翻译成了一个文件保存起来，当引擎加载的时候通过这个文件获取相应的数据即可加载动画显示

1.创建这个动画文件

和场景的建立方式是一样的，建立一个GraphicAnimation动画文件

F12导出后就会在laya--pages--.ani文件就存在了；

2.加载和控制动画文件

export default class FirstScene extends Laya.Scene {
    constructor(){
        super();
    }
    onEnable(){
        Laya.loader.load("res/atlas/role.atlas",Laya.Handler.create(this,this.onResLoaded));
    }
    onResLoaded(){
        this.roleAni = new Laya.Animation();
        this.roleAni.loadAnimation("PersonAni.ani");//加载laya/pages下的ani文件；
        this.dropPage.addChild(this.roleAni);//将动画效果添加到显示布局的正中央；
        this.roleAni.pos(this.dropPage.width/2,this.dropPage.height/2);//设置动画效果的显示位置；
        this.roleAn