现在流行H5游戏,你知道H5是什么吗?H5是HTML5的缩写,是一种新型的开发工具,现在很多微信小游戏都是用H5制作的?哪不懂代码可以制作H5动画吗?答案是可以的,只要下载安装HTML5动画制作工具(木疙瘩)就可以了。
Mugeda(木疙瘩)是专业HTML5交互动画制作云平台,Flash设计师能够快速上手制作Html5交互动画,为用户提供html5教程、免费HTML5工具,微信营销传播,免费html5模板,html5培训,html5视频教程等;
快速上手
1、创建与保存作品
操作步骤:登陆——单击【创建作品】
保存——输入【保存名称】——单击【保存】,如下图所示。
2、界面介绍
界面包括舞台设置、适配设置、安全框、预览作品、添加页面、添加关键帧动画、设置微信转发标题,如下图所示。
3、一键生成动画
操作步骤:把图片拖动到编辑器上——选中图片——单击【添加预置动画】,如下图所示。
PS:在【属性面板】或单击【编辑预置动画】按钮,可对预置动画的效果、是/否自动播放、循环播放、时长、延迟、方向进行设置。
4、关键帧动画
名称解释:
关键帧动画:物体在两个时间点上属性的变化。
操作步骤如下面视频所示。
5、添加交互
操作步骤:选中图形——单击【添加编辑/行为】——展开【动画播放控制】——单击【下一页】,如下图所示。
6、添加背景音乐
操作步骤:不要选中任何物体——单击【属性】——单击【上传】——单击“加号”按钮即可添加音乐,如下图所示。
PS:这个方法可以为整个H5添加背景音乐,如果想单独为某一页添加音乐,点击这里看操作步骤。
7、发布作品
操作步骤:保存作品后—单击【发布】,如下图所示。
首先我们需要下载木疙瘩,下载解压后双击“73ccaec931627d5f0e6004bf5bed4598.exe”出现安装界面:
在开始安装之前,我们要选择安装时使用的语言。选择中文(简体)然后点击确定;
我们进入了木疙瘩的安装向导。我们需要确定木疙瘩的安装路径,安装程序有默认的安装路径:C:\Program Files\mugeda。安装木疙瘩至少需要151MB的磁盘空间。需要修改路径的朋友可以点击浏览,选择需要安装的文件夹后,点击确定就可以修改安装路径了。点击下一步继续安装进程;
这一步安装向导要我们选择安装木疙瘩期间安装向导要执行的附加任务,附加任务是创建桌面快捷方式,如果不需要执行,将勾选取消即可。点击下一步继续安装进程;
这一步是正式安装木疙瘩前的比较后一个确认步骤,确认安装路径和附加任务无误后,就可以点击安装将木疙瘩安装到电脑上;
正在安装木疙瘩,安装程序正在将木疙瘩的文件安装到指定文件夹中。安装木疙瘩可能需要几分钟的时间;
安装完成!安装程序已经成功在您的电脑上安装了木疙瘩。安装向导会提示安装完成。点击结束即可退出安装向导。
木疙瘩是一款好用的HTML5动画制作软件。使用木疙瘩可以制作出好玩的HTML5动画或者游戏。木疙瘩需要用账号密码登录才能使用;
安装软件后双击好木疙瘩桌面快捷方式打开软件。
极速小编还没有木疙瘩账号,这一次就给大家演示一下怎么注册木疙瘩账号吧。点击木疙瘩账号登录界面中的注册;
要注册木疙瘩账号,我们要填写手机号、设置密码、确认密码、图片验证码、短信验证码;
木疙瘩账号注册界面已经默认为我们勾选了我已阅读并接受Mugeda使用条款。根据木疙瘩账号注册界面的提示填写好注册信息之后,点击注册就可以提交注册信息注册账号;
注册成功,这时候木疙瘩账号注册界面会提示注册成功。