在原型设计中，我们也经常需要做一些简朴的动画结果。如何才气够完成呢？本文将从三个方面举办梳理，但愿对你有辅佐。

事情中发明，在原型设计傍边，偶然需要做一些简朴的动画结果。究竟动态相较于静态，往往越发引人注目。就比如电商页面傍边，抢红包的悬浮球经常也是动态展示。那么，本日就一起来做一个跳动的动画吧。

一、实现结果

二、实现道理

进程很简朴：小球往上弹起，达到指定位置就下落，回到原点的时候继承弹起。

先给小球添加交互【载入时】，触发小球从位置一举动到位置二；

有了之一步的触发，我们就可以添加交互【移动时】，在这个事件下，一共有两个景象。景象一：小球在位置二，我们要让他返回位置一；景象二：小球在位置一的时候，我们就让他回到位置二。这样轮回来去，就实现了小球的跳动结果。

三、实现步调

1.小球原始坐标为（123，110），打开交互编辑器，添加事件【载入时】，添加行动【移动】，配置【行动】让小球从坐标（124，110）移动到（124，100）；

2.小球达到坐标（124，100）后，添加事件【移动时】，从图示位置添加两个景象；

3.在景象一下，添加条件：假如y值=100（因为小球移动进程中只在y轴上产生移动，所以这里条件只需满意y的值为100）；

4.[[This,y]]不消手动输入哦，直接点击fx，【插入变量或函数】就可以找到啦，如图：

5.条件配置好之后，就继承添加行动【移动】，把小球从位置二移动到位置一；

6.在景象二下，添加条件：假如y值=100。同理，添加行动【移动】，把小球从位置一移动到位置二；

7.记得所有移动的行动都要配置动画的时间哦，否则你的小球就会瞬间转移，看不到结果啦。

碎碎念：之一次发文，只管把进程讲得具体一点点，接待各人一起交换呀，文中要是有什么错误还望各路大神指出~