如何制作一个动画?

0. 思路介绍

平台采用逐帧形式实现动画效果,在开始制作一个动画前,先把要实现的动画效果拆分,并准备相应素材。使用平台动画编辑面板,将素材制作为一个动画资源。本例实现一只豹从屏幕跑过效果。


1. 上传素材

上传素材

通过资源管理器上传豹奔跑所需素材。本例将奔跑拆分为五帧,帧数越多,动作越细腻,效果越逼真。本例中使用的素材将在下方展示,右键保存至本地即可使用。


2. 创建动画

创建动画

通过资源管理器鼠标右键创建动画,双击即可进入动画编辑面板。

编辑动画

通过加号按钮添加帧,添加时选择已经上传的素材即可,执行顺序将会从左至右,下面播放按钮可以查看运行效果。


3. 创建动画组件

创建动画组件

在场景内创建一个对象,并向该对象添加动画组件,引用步骤 2 创建的动画,并设置为自动播放。

如此便实现了豹奔跑的效果,但是现在只是有奔跑的效果,实际上一直在原地奔跑,所以要添加事件组件,进入场景时调用逻辑来改变豹的位置。


4. 设置位置

设置位置

首先我们先把豹移动到初始的位置,我们要实现从屏幕跑过的效果,所以初始位置放在屏幕显示区域的左侧,结束位置放置在屏幕右侧,可以使用辅助线帮助我们确定奔跑路线在一条直线上。


5. 编写移动位置逻辑

设置位置

奔跑过程一定是匀速的,所以使用平滑移动,让豹在 2 秒内,奔跑到屏幕右侧位置。坐标可以在编辑区域右下角看到。


6. 制作完成

如此一个豹从屏幕跑过的动画就实现了,预览即可看到效果,以上仅为示例,实际制作过程可以结合需求发散思维。最终效果如下,受录屏工具影响,实际效果会比下图更好。

注:多媒体课件(联机版)暂不支持对动画组件的同步事件。

制作完成


7. 素材

素材 素材 素材 素材 素材

Copyright © 2012-2021 www.izaodao.com all right reserved,powered by Gitbook修订时间: 2021-01-20 10:37:11

results matching ""

    No results matching ""