Mugeda html5(H5制作软件) v1.0 官方版 附教程

Mugeda html5是一款专业的H5制作软件，采用专业级的交互界面，具有强大的动画编辑能力和自由创作空间，可以根据需要创作出各种H5界面，支持发布、账号管理、协同工作、数据收集等，有需要的朋友可以下载试试！

软件功能：

1、专业带来卓越

完全自主知识产权的动画技术，包括时间线、元件库、无代码交互等特性，帮助设计师最大限度的真实展现其创意灵感，实现卓越的作品品质。

2、云平台

云计算框架，无需下载安装任何代码，即可在浏览器中开始神奇的H5创作之旅，实现制作、管理、发布、统计等全流程。

3、H5

原生HTML5技术，全面兼容所有移动设备。事实上，Mugeda的内容已经在超过2亿部设备上流畅运行。

4、天生分享

无论是在线预览、发布管理，还是素材公用，协同编辑，你和分享只有一个点击的距离。

软件特色：

1、Flash设计师一秒变身专业H5交互大师

Mugeda平台上有很多Flash设计师，无需进行任何培训，马上就可以开始创作专业级H5交互内容，上手极快。

2、最精准的动画控制

Mugeda采用对设计师最为直观的时间线方式组织动画编辑和创作，可以对动画进行最精准细致的编辑操作，让精细动画不再是梦

3、智能加速引擎

自主知识产权的智能加速引擎技术，能够根据内容自动诊断并选择最优的渲染操作，达到最能体现硬件特性的加速效果。

4、企业级账号管理，让云端协同工作效率爆棚

专业级别的帐号权限管理，让作品生产、 审核、发布像流水线一样流畅。

木疙瘩使用教程：

步骤1：添加素材、排版

1如下图，在新建页面上添加图片素材、矩形、文本框，调整其位置、大小、文字内容、文字大小、颜色等属性。

2同理添加三组相同的素材，排版如下

3在添加图片时，我们应注意，将每一个职位的素材分别合并成组，并放在不同的图层内。例如，将“总顾问”一组放置“顾问”图层，将“市场总监”一组放置“市场总监”图层

步骤2：添加动画效果

1在时间轴上选择所有图层的第30帧，右键→“插入帧”

2点击无需添加动画的图层3、4的类似锁状的按钮，将其锁住，选中“快递员”“市场总监”“顾问”三个图层的时间线，右键→“插入关键帧动画”

3分别选中“快递员”“市场总监”图层第1帧，调整“Y轴旋转”角度为“-50”“-40”

4将第一组“总顾问”放在“舞台”正中间，选中动画最后一帧，即第30帧，将“快递员”组放在“舞台”正中间。

5同时，在第30帧，点击设置“市场总监”“总顾问”组的“Y轴旋转”分别为“40”“50”

步骤3：添加按钮

1如下图，新建一个图层，命名为“按钮”，添加一个矩形，使其高度与“舞台”相同，宽度大于“舞台”

2将按钮矩形“透明度”设置为“0”，并为其命名为“透明按钮”

3点击“舞台”空白处，在“舞台”的“属性”面板下找到“动画关联”，选择“启用”，点击“关联”按钮

4设置“关联”属性关联对象：“透明按钮”关联属性：“左”开始值：“-203”(“透明按钮”最右端与舞台右端重合时的位置)结束值：“0”播放模式：“同步”注意：为方面观察，也可先将“透明按钮”透明度调整为“20”

5选中“透明按钮”，在其“属性”面板下找到“拖动/旋转”按钮，选择“水平拖动”

步骤4：添加表单

1选中“我要应聘”按钮元素，在其“属性”面板下找到“动作”，选择“表单”，点击右边的“编辑”按钮

2在弹出的“编辑表单”中设置表单名称：“应聘”提交方式：“GET”提交目标：“提交数据到后台”确认消息：“提交成功”背景颜色、字体颜色、字体大小等点击“添加表单项”

3在“添加表单项”对话框中填写名称：“姓名”描述：“姓名”类型：“输入框”，点击“保存”

4同理，再添加一个表单项，设置内容为名称：“应聘职位”描述：“应聘职位”类型：“单选框”取值：“总顾问、市场总监、快递员”(一行为一个选项)点击“保存”

5同理，再添加一个表单项，设置内容为名称：“电话”描述：“电话”类型：“电话号码”，点击“保存”可点击“预览”观察效果

步骤5：添加背景音乐

1添加一个音乐在“舞台”，将音乐素材移动至“舞台”之外，在“背景音乐”中选择“声音1”

2同时，也可设置“分享”与“加载”

步骤6：查看后台表单数据

在“动画作品”界面点击该作品“统计”按钮

在“数据”界面选择“表单数据”，即可查看所提交的表单信息。