淘先锋技术网

首页 1 2 3 4 5 6 7

如何制作和添加动画

大概过程示例图

在这里插入图片描述

将多组图片转化为动画放在对象身上

  • 首先,我们要为我们要对象添加animator

    [外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-nLqiM2LY-1676419813764)(C:/Users/86188/AppData/Roaming/Typora/typora-user-images/image-20230214142429934.png)]

    • 然后我们要设置对应的动画控制器,用于控制对应的帧数播放顺序。
      在这里插入图片描述

​ [外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-T2KnsLFm-1676419813766)(C:/Users/86188/AppData/Roaming/Typora/typora-user-images/image-20230214143416552.png)]

然后我们把对应图片放到动画播放器中。

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-VtVtpcXx-1676419813766)(C:/Users/86188/AppData/Roaming/Typora/typora-user-images/image-20230215073343769.png)]

阻止循环播放的方法

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-HZhmaYaM-1676419813766)(C:/Users/86188/AppData/Roaming/Typora/typora-user-images/image-20230215075055457.png)]

好了,现在已经成功将一组图片作为动画放在对象的身上了。

下面我们该解决动画之间切换的问题了。

实现动画之间的切换

通过Animator我们可以看到我的之前做的两组动画。
(没有就随便做两组,嘻嘻)

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-Fpfv6iXu-1676419813767)(C:/Users/86188/AppData/Roaming/Typora/typora-user-images/image-20230215074649077.png)]

其中橘色的是常态播放的动画,是默认一直播放的。

我们现在来完成常态向jump的跳转。

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-FRSFPP8x-1676419813769)(C:/Users/86188/AppData/Roaming/Typora/typora-user-images/image-20230215075451827.png)]

右键是连线,其实如果不需要触发机制的话,这样就完毕了,动画会在两个动画之间切换,最后停在jump。

不过这不是我们想要的,我们需要用特殊的条件来触发切换。

点开左上角,我们发现有四种触发方式,我们选择第四种。

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-YJao8CWx-1676419813769)(C:/Users/86188/AppData/Roaming/Typora/typora-user-images/image-20230215075935864.png)]

再让箭头和他绑定。

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-ZcBJZdM0-1676419813770)(C:/Users/86188/AppData/Roaming/Typora/typora-user-images/image-20230215080104616.png)]

这样,只有我们进行jump点击才会触发

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-Io4SvXzM-1676419813770)(C:/Users/86188/AppData/Roaming/Typora/typora-user-images/image-20230215080155632.png)]

我们也不希望点击后就执行一次jump,对象就不播放动画了,所以我们还需要做jump向常态化切换的箭头。

这次我们不需要什么触发机制,而是想jump完就让他回到常态化。

此时就只需要调节箭头自带的属性就可以了。

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-5M2Of8am-1676419813771)(C:/Users/86188/AppData/Roaming/Typora/typora-user-images/image-20230215080929514.png)]

使用脚本触发Parameters(Trigger)