ih5如何设置物体运动

 时间:2026-02-15 09:46:53

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+时间轴动画
  • 热门搜索
    粉蒸肉的家常做法 文竹的修剪方法图解 手机自动关机是怎么回事 家常菜剧情 海参怎么做好吃又简单 白萝卜怎么腌制好吃 孕妇消水肿的最快方法 二手车怎么评估 存货计价方法有哪些 挖掘机视频大全儿童版