iH5高级教程:H5小游戏必学iH5高级教程:H5小游戏必学
iH5高级教程:H5小游戏必学,碰撞事件 推动球杆,向前滑动,撞击白球,白球向前滑动,再撞击紫球,紫球也向前滑动。 根据案例,我们来看一下这个实现的步骤。
第一步:
1、选中舞台,点击工具栏下的图片工具,在舞台上画出一个矩形,添加一张背景图片,右击图片对象,重命名为背景。
2、选中舞台,点击工具栏下的图片工具,在舞台上画出一个矩形,添加一张球杆图片。右击图片对象,重命名为球杆。属性面板拖动类型为垂直。
3、选中舞台,点击工具栏下的图片工具,在舞台上画出一个矩形,添加一张白球图片。...
iH5高级教程:H5小游戏必学
iH5高级教程:H5小游戏必学,碰撞事件 推动球杆,向前滑动,撞击白球,白球向前滑动,再撞击紫球,紫球也向前滑动。 根据案例,我们来看一下这个实现的步骤。
第一步:
1、选中舞台,点击工具栏下的图片工具,在舞台上画出一个矩形,添加一张背景图片,右击图片对象,重命名为背景。
2、选中舞台,点击工具栏下的图片工具,在舞台上画出一个矩形,添加一张球杆图片。右击图片对象,重命名为球杆。属性面板拖动类型为垂直。
3、选中舞台,点击工具栏下的图片工具,在舞台上画出一个矩形,添加一张白球图片。
右击图片对象,重命为白球。
4、选中舞台,点击工具栏下的图片工具,在舞台上画出一个矩形,添加一张紫球图片。右击图片对象,重命名为紫球。
5、选中紫球对象,点击工具栏下的缓动工具,添加一个缓动效果。
缓动属性设置,移动距离为200,移动方向为-90,时长为1,缓动类型为五次出,自动播放为NO,触发后延时设置为空,开始前隐藏为NO。
6、选中白球对象,点击工具栏下的缓动工具,添加一个缓动效果。
缓动属性设置,移动距离为200,移动方向(顺时针)为-90,时长为1,缓动类型为五次出,自动播放为NO,触发后延时设置为空,开始前隐藏为NO。
7、选中白球对象,点击工具栏下的事件工具,添加一个事件。
事件的属性设置,触发对象为白球,触发条件为碰撞,对象为紫球对象,中心距离为边缘位置,距离为0,速度优化为NO,目标对象是紫球的缓动,目标动作是开始。
8、选中球杆对象,点击工具栏下的事件工具,添加一个事件。
事件的属性设置,触发对象是球杆,触发条件是碰撞,对象是白球对象,中心距离是边缘位置,距离为-30,速度优化为NO,目标对象为白球的缓动,目标动作为开始。
先行知识:事件
重点工具:事件、碰撞、缓动
知识点:
碰撞:碰撞后触发动作,即触发对象碰撞指定的对象时。碰撞的选项中,中心距离分为“中心碰撞”和“边缘碰撞”,“中心碰撞”是碰撞到指定对象的中心才会触发动作,“边缘碰撞”是碰撞到制定对象的边缘才会触发动作,距离的大小决定了碰撞的准确度,假如边缘碰撞,距离设置为80,还没接触到指定对象碰撞就会开始和触发动作;勾选速度优化为YES,能优化触发对象在碰撞过程中的移动速度。
重点事件:
触发对象:球杆
触发条件:碰撞
对象:白球对象
中心距离:边缘碰撞
距离:-30
速度优化:NO
目标对象:白球的缓动
目标动作:开始。
本文档为【iH5高级教程:H5小游戏必学】,请使用软件OFFICE或WPS软件打开。作品中的文字与图均可以修改和编辑,
图片更改请在作品中右键图片并更换,文字修改请直接点击文字进行修改,也可以新增和删除文档中的内容。
[版权声明] 本站所有资料为用户分享产生,若发现您的权利被侵害,请联系客服邮件isharekefu@iask.cn,我们尽快处理。
本作品所展示的图片、画像、字体、音乐的版权可能需版权方额外授权,请谨慎使用。
网站提供的党政主题相关内容(国旗、国徽、党徽..)目的在于配合国家政策宣传,仅限个人学习分享使用,禁止用于任何广告和商用目的。