欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

Laya的Clip组件

程序员文章站 2022-05-05 12:34:20
...

 

版本:Laya2.2.0

参考: https://ldc2.layabox.com/doc/?nav=zh-ts-3-3-3

 

Clip是个切片组件。可以用来制作逐帧动画。

 

创建一个Clip组件

Laya的Clip组件

 

 

将一个逐帧动画图片拖动Clip的skin上

Laya的Clip组件

Laya的Clip组件

 

 

设置ClipX为3,ClipY为2,表示2行3列的动画

Laya的Clip组件

 

 

将这个Clip组件命名var为clip,在代码里播放这个切片动画

 Event.Complete事件,只有在所有循环播放完毕后触发。如果play(0,-1)无限循环播放,则无法触发COMPLETE

    public clip:Laya.Clip;

    onEnable(){
        this.clip.interval = 100;  //播放间隔100ms
        this.clip.play(0,3);       //播放3遍
        this.clip.on(Laya.Event.COMPLETE, this, this.onComplete);   //播放结束
    }

    private onComplete(){
        console.log("播放完毕");
    }

  

 

实际效果

Laya的Clip组件