ih5如何设置物体运动

 时间:2024-09-23 18:18:49

物体的运动是多种多样擢爻充种的,我们需要在各种场景中设置一些直线运动或者曲线运动等,用ih5的运动组件就可以做出各种各样的物体运动,下面就让物体做一个抛物线的运动,来演示ih5的运动组件的使用方法。

工具/原料

联网的pc

ih5账号

一张物体图片

方法/步骤

1、1.如图所示,我们选择在这个“抛物线”的页面,之后鼠标点击箭头所指的图片按钮,为这个页面添加一张图片,来做物体运动的抛物线展示。

ih5如何设置物体运动

2、2.如图所示,点击完图片按钮之后,鼠标会变成十字状,这时我们就可以在箭头所指的地方画一个放这张图片的地方,之后鼠标点击一下就确定图片区域的大小了。

ih5如何设置物体运动

3、3.如图愕漓淤说所示,在点击完这个图片区域之后,会弹出一个文件对话框,之后我们在这个文件对话框中,选择一张箭头所指的战机的这一张照片,之后点击“打开”按钮就可以将这张照片上传到页面上去了。

ih5如何设置物体运动

4、4.如图所示,我们选择这一张敌机礼物照片之后,点击箭头所指的运动按钮,为这个图片添加一个运动的效果。

ih5如何设置物体运动

5、5.如图所示水貔藻疽,我们鼠标点击选择这个运动上,之后设置运动的移动速度为200,再设置移动方向为90,这样这个物体的速度就是200,移动方向是垂直向下运动了。

ih5如何设置物体运动

6、6.如图所示,我们设置这个运动的加速度为200,及设置其加速度方向为60。再把自动播放打开,这样打开网页时就会自动运行。

ih5如何设置物体运动

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

ih5如何设置物体运动

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

ih5如何设置物体运动

9、9.如图所示,我们看到这个礼物的照片在做抛物线运动,这是我们截取图片运动过程中的2张照片。

ih5如何设置物体运动

ih5如何设置物体运动

iH5制作倒计时效果 iH5初级教程:动画必备,H5+缓动特效 iH5高级教程:H5交互菜单,旋转菜单特效 iH5怎么制作上传图片功能 iH5初级教程:动画必备,H5+时间轴动画
热门搜索
埃及木乃伊图片 国庆图片素材 赵丽颖金鹰女神图片 房间布置图片 卡通护士图片