简单的H5小游戏制作教程
导读:本文共1345字符,通常情况下阅读需要4分钟。同时您也可以点击右侧朗读,来听本文内容。按键盘←(左) →(右) 方向键可以翻页。
摘要:“围住神经猫”这个曾一度刷爆朋友圈的H5小游戏是不是很好玩,使用一个免费的在线H5编辑工具不需要写代码也可以制作这种类似的小游戏,下面教大家来制作一个非常简单的小游戏。登录。百度搜索找到互动大师官网,注册账号并登录。创建作品。在“我的作品”里创建一个新的手机案例,进入编辑页面。添加图片。选中舞台,点击工具栏里的“图片”图标,在舞台上画出一个框,分别在舞台下添加三张图片:水果、树枝和蜗牛,并调整好图... ...
目录
(为您整理了一些要点),点击可以直达。“围住神经猫”这个曾一度刷爆朋友圈的H5小游戏是不是很好玩,使用一个免费的在线H5编辑工具不需要写代码也可以制作这种类似的小游戏,下面教大家来制作一个非常简单的小游戏。
登录。百度搜索找到互动大师官网,注册账号并登录。
创建作品。在“我的作品”里创建一个新的手机案例,进入编辑页面。
添加图片。选中舞台,点击工具栏里的“图片”图标,在舞台上画出一个框,分别在舞台下添加三张图片:水果、树枝和蜗牛,并调整好图片的位置。
添加缓动。选中“蜗牛”图片,点击工具栏里的“缓动”图标,在“蜗牛”图片下添加“缓动1”和“缓动2”。
设置缓动效果。选中“缓动1”和“缓动2”,设置缓动距离分别为30、600,移动方向分别为-45、90,时长分别为0.2、1,缓动类型分别为二次出、二次进,自动播放和开始前隐藏都设为NO。
添加交互事件。选中“蜗牛”图片,点击工具栏里的“事件”图标,在图片下添加事件1。
设置事件效果。选中“事件1”,设置触发条件为手指按下,按下时间为0,目标对象是舞台下蜗牛图片下的缓动1,目标动作是开始。
添加被碰撞对象。选中舞台,点击工具栏里的“透明按钮”图标,在舞台下添加一个被碰撞对象,这个被碰撞对象其实就是一个透明按钮,选中透明按钮右键可以重命名。
添加计数器。选中舞台,点击工具栏里的“计数器”图标,在舞台下添加计数器1。
添加碰撞事件。在“蜗牛”图片下添加事件2,设置触发条件为碰撞,对象是舞台下的被碰撞对象,选择边缘碰撞,目标对象是舞台下的计数器1,目标动作是赋值,值为1。
添加交互事件。选中“计数器1”,在计数器1下添加3个事件:事件1、2、3。事件1、2、3的触发条件为等于,值是1。目标对象分别是舞台.蜗牛.缓动1;舞台.蜗牛;舞台.蜗牛.缓动2。目标动作分别是删除,设置属性,开始。
作品的保存。点击编辑页面上方的保存按钮,在弹出的对话框修改作品的名称和描述,上传作品的封面图片,状态设置为公开,点击确定保存作品。
分享作品。在“我的作品”里找到刚刚做的作品,点作品封面上的分享按钮,用微信扫描作品的二维码打开并分享出去。
更多精彩好玩的H5小游戏都可以用这个html5编辑工具制作,快来围观吧!
简单的H5小游戏制作教程的详细内容,希望对您有所帮助,信息来源于网络。