ih5滑动时间轴如何使用

 时间:2024-11-12 05:50:57

滑动张虢咆噘时间轴顾名思义肯定是通过手指的滑动触发事件的,有许多游戏就是用了滑动来触发事件,比如飞机大战就是通过手指的滑动触发飞机的移动的,还有指尖足球等!下面我们来通过手指的滑动来触发飞机的上升和下降。

工具/原料

联网的电脑

ih5账号

一张飞机图片

方法/步骤

1、1.如图所示,我们点击选择“拉飞机”这个页面,然后点击“滑动时间轴”这个按钮,为这个页面添加一个滑动时间轴组件。

ih5滑动时间轴如何使用

2、2.如图所示,我们点击选择“滑动时间轴”这项,然后再点击箭头所指的图片按钮,就可以将这一张图片,添加到这个滑动时间轴下面了。

ih5滑动时间轴如何使用

3、3.如图愕漓淤说所示,在点击完图片按钮之后,就会弹出这个文件对话框,我们直接选择这个战机的这个图片进行打开,这样就可以将战机这张照片进行上传啦!

ih5滑动时间轴如何使用

4、4.如图所示,我们选择这张战机的图片,之后点击箭头所指的路径这个按钮,为这个战机的图片添加一个路径。

ih5滑动时间轴如何使用

5、5.如图所示,我们在点击选择完路径之后,鼠标就会变成一个十字状,我们就可以为这个战机绘制路径了。

ih5滑动时间轴如何使用

6、6.如图所示,我们点击“预览”按钮,对这个用手指滑动飞机案例进行预览。

ih5滑动时间轴如何使用

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

ih5滑动时间轴如何使用

8、8.如图所示,我们腩柽鬣盛用手指向上滑动时,飞机就会按照我们绘制的路线,向上进行移动,我们用手指向下滑动时,飞机就会按照我们绘制的路径,进行向下的移动。

ih5滑动时间轴如何使用

ih5滑动时间轴如何使用

iH5初级教程:动画必备,灵活运用时间轴 iH5怎么设置自动翻页 【平面设计必备】ih5中普通时间轴的基本用法 ih5场景怎样添加音频 iH5初级教程:动画必备,H5+时间轴动画
热门搜索
卧室壁纸图片大全 金城武电影 母亲节的图片 砂岩浮雕图片 理论电影网