iH5高级教程:H5小游戏必学,碰撞事件

 时间:2024-10-25 14:20:48

1、选中舞台,点击工具栏下的图片工具,在舞台上画出一个矩形,添加一张背景图片,右击图片对象,重命名为背景。2、选中舞韪汶萦燔台,点击工具栏下的图片工具,在舞台上画出一个矩形,添加一张球杆图片。右击图片对象,重命名为球杆。属性面板拖动类型为垂直。3、选中舞台,点击工具栏下的图片工具,在舞台上画出一个矩形,添加一张白球图片。右击图片对象,重命为白球。4、选中舞台,点击工具栏下的图片工具,在舞台上画出一个矩形,添加一张紫球图片。右击图片对象,重命名为紫球。5、选中紫球对象,点击工具栏下的缓动工具,添加一个缓动效果。缓动属性设置,移动距离为200,移动方向为-90,时长为1,缓动类型为五次出,自动播放为NO,触发后延时设置为空,开始前隐藏为NO。6、选中白球对象,点击工具栏下的缓动工具,添加一个缓动效果。缓动属性设置,移动距离为200,移动方向(顺时针)为-90,时长为1,缓动类型为五次出,自动播放为NO,触发后延时设置为空,开始前隐藏为NO。

iH5高级教程:H5小游戏必学,碰撞事件
iH5高级教程:H5小游戏必学,碰撞事件
iH5高级教程:H5小游戏必学,碰撞事件
iH5高级教程:H5小游戏必学,碰撞事件
iH5高级教程:H5小游戏必学,碰撞事件
iH5高级教程:H5小游戏必学,碰撞事件
iH5高级教程:H5小游戏必学,碰撞事件
iH5高级教程:H5小游戏必学,碰撞事件
iH5高级教程:H5小游戏必学,碰撞事件
iH5高级教程:H5小游戏必学,碰撞事件
iH5高级教程:H5小游戏必学,碰撞事件
iH5高级教程:H5小游戏必学,碰撞事件
iH5高级教程:H5小游戏必学,碰撞事件

2、选中白球对象,点击工具栏下的事件工具,添加一个事件。事件的属性设置,触发对象为白球,触发条件为碰撞,对象为紫球对象,中心距离为边缘位置,距离为0,速度优化为NO,目标对象是紫球的缓动,目标动作是开始。2、选中球杆对象,点击工具栏下的事件工具,添加一个事件。事件的属性设置,触发对象是球杆,触发条件是碰撞,对象是白球对象,中心距离是边缘位置,距离为-30,速度优化为NO,目标对象为白球的缓动,目标动作为开始。

iH5高级教程:H5小游戏必学,碰撞事件
iH5高级教程:H5小游戏必学,碰撞事件
iH5高级教程:H5小游戏必学,碰撞事件
iH5高级教程:H5小游戏必学,碰撞事件

3、先行知识:事件重点工具:事件、碰撞、缓动知识点:碰撞:碰撞后触发动作,即触发对象碰撞指定的对象时。碰撞的选项中,中心距离分为“中心碰撞”和“边缘碰撞”,“中心碰撞”是碰撞到指定对象的中心才会触发动作,“边缘碰撞”是碰撞到制定对象的边缘才会触发动作,距离的大小决定了碰撞的准确度,假如边缘碰撞,距离设置为80,还没接触到指定对象碰撞就会开始和触发动作;勾选速度优化为YES,能优化触发对象在碰撞过程中的移动速度。重点事件:触发对象:球杆触发条件:碰撞对象:白球对象中心距离:边缘碰撞距离:-30速度优化:NO目标对象:白球的缓动目标动作:开始。

  • iH5高级教程:H5交互菜单,流动的按钮特效
  • iH5怎么制作上传图片功能
  • iH5怎么复制其他案例的素材
  • ih5怎么做图片位移动画?
  • iH5里图片序列怎么设置切换时间
  • 热门搜索
    关于童话的手抄报 抗病毒手抄报图片 三年级环保手抄报 国庆手抄报版面设计图 推广普通话手抄报文字 走进信息世界手抄报 国庆节的手抄报怎么画 教师节手抄报一等奖简单 未来的2035年手抄报 七一建党节手抄报