LayaBox---多状态---时间轴动画

Posted 格拉格拉

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了LayaBox---多状态---时间轴动画相关的知识,希望对你有一定的参考价值。

目录

1.右键工程面板下的Scene---新建目录---命名为Animation

2.右键Animation文件夹--新建----动画--命名为xx

3.从预览面板里拖动动画图片到 层级面板----切换到时间轴面板

4.给动画命名---然后点“+”号新增动画片段---创建动画---命名

5.全部完成后保存--关闭动画场景---切换到游戏场景

6.将新建的xxx.ani 动画拖到游戏场景的层级面板  即可正常使用

7.动画状态切换


1.右键工程面板下的Scene---新建目录---命名为Animation

2.右键Animation文件夹--新建----动画--命名为xx

 

3.从预览面板里拖动动画图片到 层级面板----切换到时间轴面板

4.给动画命名---然后点“+”号新增动画片段---创建动画---命名

5.全部完成后保存--关闭动画场景---切换到游戏场景

6.将新建的xxx.ani 动画拖到游戏场景的层级面板  即可正常使用

7.动画状态切换

 onMouseClick(): void 
        this.rig.linearVelocity = x:0,y:-10;
        this.ownBird.autoAnimation = "fly";
        this.ownBird.loop = false;
    

    onUpdate()
        if(this.ownBird.isPlaying==false)
            this.ownBird.autoAnimation = "idle";
        
    

以上是关于LayaBox---多状态---时间轴动画的主要内容,如果未能解决你的问题,请参考以下文章

LayaBox---Animation---时间轴动画

Layabox Animator 动画播放层级问题

深入css3帧动画实现ps时间轴动画效果steps()(前端网备份)

QT动画时间轴控制 QTimeLine

Unity 中EasyTouch和播放动画的结合

使用ivx滑动时间轴制作动画效果的经验总结