手抄报 安全手抄报 手抄报内容 手抄报图片 英语手抄报 清明节手抄报 节约用水手抄报

如何在H5中做多物体的扩张与收缩动画

时间:2024-10-29 20:17:19

1、我们先画出一个简单的正方形,在形状菜单里面选择一下就可以了。

如何在H5中做多物体的扩张与收缩动画

2、我们给这个物体设置两个动画效果,一个就是扩张,一个就是收缩。

如何在H5中做多物体的扩张与收缩动画
如何在H5中做多物体的扩张与收缩动画

3、再画一个与之相同的正方形,在大小与颜色上进行一定的设置,从而形成对比。

如何在H5中做多物体的扩张与收缩动画

4、把之前物体的动画效果复制到新的图形上去,并进行调整,让收缩在前,扩张在后,这就可以让白色的图形与橙色的图形在运动的时候有了一个对比。

如何在H5中做多物体的扩张与收缩动画

5、把这两个物体中心对齐一下,让两个物体叠放在一起。

如何在H5中做多物体的扩张与收缩动画

6、点击一下预览的按钮,在手机界面进行一个预览的操作,观看一下这个动画的运动效果。

如何在H5中做多物体的扩张与收缩动画
© 手抄报圈