ih5缓动如何设置

 时间:2024-11-02 19:28:07

1、如图所示,我们选择在这个“迟飞飞机”的页面,之后点击箭头所指的图片的按钮,来为这一个页面添加一张飞机的图片。

ih5缓动如何设置

2、如图所示,我们点击完这个图片按钮,把鼠标放到页面,鼠标会变成十字状,我们直接绘制一个图片的区域,然后鼠标点击一下就可以确定图片区域的位置和大小。

ih5缓动如何设置

3、如图所示,在鼠标单击之后,会弹出这个文件对话框,在这个对话框中,我们点击选择箭头所指的飞机,并点击箭头所指的“打开”按钮,就可以将这个战机的图片上传到页面上了。

ih5缓动如何设置

4、如图所示,我们选择在这个战机的图片上,然后点击箭头所指的缓动按钮,为这个战机的图片添加缓动效果。

ih5缓动如何设置

5、如图所示,我们鼠标选择在这个缓动上,之后将箭头所指的自动播放打开,以及将这个缓动延迟5秒之后在启动缓动效果。

ih5缓动如何设置

6、如图所示,我们鼠标选择在这个缓动上,之后设置一些缓动的属性参数,我们设置其移动方向为270,也就是顺时针旋转270度的方向,然后再设置其移动的距离为1000,也就是1000像素,之后设置其移动需要的时间为2,也就是2秒时间,之后设置其移动方式为线性,也就是方向不变的移动。

ih5缓动如何设置

7、如图所示,我们点击“预览”按钮,对这个案例进行预览。

ih5缓动如何设置

8、如图所示,在代码编译完成之后,会弹出这个编译完成的对话框,我们点击“确定”按钮就可以预览啦!

ih5缓动如何设置

9、如图所示,我们看到飞机在向上移动的过程,我们截取了过程中的两张照片展示。

ih5缓动如何设置
ih5缓动如何设置
  • iH5中级教程:多机型自适应篇,优化H5速度
  • ih5场景怎样给素材添加动效
  • iH5高级教程:H5交互菜单,旋转菜单特效
  • ih5怎样在场景中添加操作提示
  • ih5怎么做翻页动画?
  • 热门搜索
    护林防火手抄报 垃圾分类手抄报资料 初中小组手抄报 安全意识手抄报 依法治校手抄报 交通安全漫画手抄报 关于爱国的手抄报内容 诚信的手抄报图片 关于历史的手抄报 爱护动物手抄报