想要了解更多Mugeda功能？>>>猛戳我，学习更多教程​
 
本节视频教程请点击此处。
 
在工具条下找到“多选框”按钮，点击在“舞台”上“爱好”右边位置添加一个多选框


图2.7-7

在多选框“属性”面板下调节相关属性设置，例如：
 
调节字体为“黑色”，
字体大小为“20”，
“必填项”为“是”，
设置选题“标签”为“足球”“篮球”“乒乓球”三个（每行为一个标签），
“外观”选择为“标准”，
并调节“边框颜色”和“标记颜色”，
选择“变形”工具，调节“舞台”上多选框的位置、大小等。


图2.7-8

想要了解更多Mugeda功能？>>>猛戳我，学习更多教程​
 
本节视频教程请点击此处。

 在工具条下找到“单选框”按钮，点击在“舞台”上“性别”右边位置添加一个单选框


图2.7-4

在单选框“属性”面板下调节相关属性设置，例如：
 
调节字体为“黑色”，
字体大小为“20”，
“必填项”为“是”，
设置选题“标签”为“男”“女”两个（每行为一个标签）。
选择“变形”工具，调节“舞台”上单选框的位置、大小等。


图2.7-5

另外，在“属性”面板内，如果将“外观”选为“定制”，还可自定义选择上传“未选中图片”以及“选中图片”的素材，此处不多做详述。


图2.7-6

想要了解更多Mugeda功能？>>>猛戳我，学习更多教程​
 
本节视频教程请点击此处。

 在工具条下找到表单工具，表单工具包括“输入框”“单选框”“多选框”“列表框”以及“表单”。


图2.7-1

 输入文字（输入框）

如图，在工具条下找到“输入框”按钮，点击在“舞台”上“姓名”右边位置添加一个输入框


图2.7-2

在输入框“属性”面板下调整相关属性，例如：
改变其字体为“黑体”，大小为“20”，
“提示文字”默认为“请输入”，
“类型”默认为“普通文本”，
“必填项”为“是”。
并用“变形”工具调整输入框在“舞台”上的大小与位置。


图2.7-3

想要了解更多Mugeda功能？>>>猛戳我，学习更多教程​
 
本节视频教程请点击此处。

 一、    Mugeda是什么？

Mugeda是一个专业级H5交互动画制作云平台，基于云平台计算框架，Mugeda无需任何下载和安装。

二、    如何进入Mugeda页面？

1）下载Google浏览器：（考虑有些浏览器对html5的支持不够，建议使用chrome浏览器），打开Google浏览器，输入www.mugeda.com
 进入Mugeda首页。

2）注册Mugeda账号：进入首页后，可点击右上角“注册”，通过几步简单的步骤注册一个新账号。
也可以点击“立即体验”进入操作界面。


图1.1-2

三、    Mugeda操作界面简单介绍

帮助手册：点击“立即体验“，会打开Mugeda的帮助手册，点击“预览”按钮即可观看整个平台的功能和基本操作。
 

图1.1-3

简单制作交互动画：Mugeda操作界面和Flash高度相似，因此有Flash基础的朋友基本不用通过学习就可快速制作出一个H5作品。此外，设计师也无需添加任何代码即可完成复杂的交互。
 

图1.1-4

除了设计师，工程师在Mugeda中也大有所为，在“脚本”按钮中，工程师可以写入“JS”代码来制作自己想要的交互效果。


图1.1-5

手机观看：在Mugeda中制作出的H5作品支持随时手机观看，点击“通过二维码共享”按钮，可用手机扫描出现的二维码观看作品效果。
 

图1.1-6

发布作品：点击橙色“发布”按钮，可发布H5作品，用Mugeda平台发布的任何H5作品都没有Mugeda的Logo，大家可以放心使用。

共享、导出作品：Mugeda同时还支持动画作品的共享、导出。如图1.1-7，在“通过二维码共享”对话框中，可以选中“共享源文件”，复制共享作品编辑地址。
 

图1.1-7

同时还可以导出一个HTML5源文件部署在自己的服务器上，同样也不附Mugeda的Logo。除此之外，Mugeda还支持GIF、视频、PNG等格式的导出，基本覆盖现在流行的主流多媒体格式，功能十分强大。导出步骤：“文件”→“导出”→选择导出格式
 

图1.1-8

四、    团队管理

针对企业账号，Mugeda提供专业企业服务。点击操作界面右上角账号管理的三角形，在下拉菜单中选择“团队管理”，可进入团队管理页面。在管理页面中，可添加企业成员，方便进行人员及作品管理。企业账号与子账号，子账号与子账号之间可共享作品，十分方便。

 
图1.1-9

图1.1-10

五、    数据服务

Mugeda还提供专业的数据服务。针对每一个作品，我们可以在后台统计页面中浏览到数据。在数据页面，可以选择统计时间段、每个时段的浏览量与用户数，方便运营人员进行详细的分析。基于微信传播，Mugeda还提供朋友圈、单聊、群聊以及其他四种传播来源数据。
 

图1.1-11

六、    Mugeda动画交互作品展示

下面让我们简单介绍一下用Mugeda做出的几种类型的交互作品：

动画：
 

图1.1-12

广告：


图1.1-13

测试：
 

图1.1-14

贺卡：
 

图1.1-15

电子绘本
 

图1.1-16

课件：
 

图1.1-17

游戏：
 

图1.1-18

一、什么是会员服务？付费可以得到那些好处？

Mugeda是专业级的HTML5交互动画制作云平台，设计师们可以使用免费版来开启你的H5创作之旅，在创作过程中无任何广告logo等图片，文字等内容。

同时为满足不同设计师的需求，我们还推出普通版和专业版。普通版和专业版在存储空间、发布次数、导出次数方面不限制次数（数量），你可以尽情的发挥您的H5创作才能。

普通版和付费版还有三个增值服务：

•  一对一问题答疑（专属老师通过在线QQ方式一对一为您解答问题）
•  案例课程包
•  精选模版（所有模版免费使用，每周更新）

 
>>>了解会员服务详情

二、如何选择适合自己的服务？

个人会员：建议个人（设计师），对H5感兴趣，且制作需求量比较大，对数据要求比较全面的Mu友购买。

企业会员：建议企业（设计师团队）购买，除免费会员和企业会员拥有的所有功能和权限外，企业会员亮点是具有账号管理，企业协同等功能，强烈建议企业购买。专业版的标准配置是1个主账号和2个账号，5G存储空间，您也可以根据自己的需求增加账号数量和存储空间。（如下图）


 
注意：免费版不可以单独增加存储空间，必须升级普通版或者专业版才可购买。

免费版：如果您对模版，案例课程，一对一问题答疑，企业系统等服务不感兴趣，但是制作H5的需求量很大，可以购买加量包来增加您的发布和导出次数。（如下图）



行业解决方案：我们为新媒体、数字出版、企业培训、高校合作等行业提供解决方案，如感兴趣请联系我们，手机电话: 18610181806



关于发票：购买Mugeda会员提供发票服务，>>>戳我开发票
 
>>>现在去购买会员
 

Mugeda学院·北京站 我们来啦！ 
火速报名通道
 
课程时间：2个周末（10.15-10.16、10.22-10.23） 
上课时间：早10点至下午5点 
上课地点：北京市西城区车公庄大街4号新华1949园区
招生限额：35人
课程适合对象：UI设计师、平面设计师、动画设计师
 
课程内容（点击可看大图）


现在去报名
 
若报名过程有问题，可加班主任微信咨询：

 

请问在木疙瘩上做的h5，放在手机上显示小了，怎么调试呢

想要了解更多Mugeda功能？>>>猛戳我，学习更多教程
 


 定义分享信息包括在微信里转发给朋友或朋友圈时的一个转发标题、转发描述和朋友圈的转发标题。

默认的方式：在操作页面右边的“分享”面板内填写转发标题、转发描述和朋友圈的转发标题内容即可



图2.6-29

定义分享信息方式：选中第1页，在“舞台”上添加一个矩形，点击矩形“添加/编辑行为”按钮进入“编辑行为”对话框


图2.6-30

选择“微信定制”→“定义分享信息”→触发条件：出现，点击“编辑”按钮进入“参数”对话框


图2.6-31

填写
分享标题：“我得了十分”；
分享描述：“这个游戏很好玩”；
点击“确认”，即当最后出现第1页时，分享的标题即“我得了十分”，分享描述为“这个游戏很好玩”


图2.6-32

在第2页添加一个矩形，点击其“添加/编辑行为”按钮，同理设置分享标题与分享描述内容


图2.6-33

填写
分享标题：“我得了二十分”；
分享描述：“游戏好玩”；
点击“确认”，即当最后出现第2页时，分享的标题即“我得了二十分”，分享描述为“游戏好玩”。此功能可针对游戏不同的结果分享不同的信息。


图2.6-34

当游戏不是分页设置回馈，而是用文本框的分数进行回馈时，定义分享信息方式如下：将游戏显示分数的文本框命名为“分数”


图2.6-35

点击设置定义分享信息功能的矩形的“添加/编辑行为”按钮，在“编辑行为”对话框中选择“微信定制”→“定义分享信息”→触发条件：出现，点击“编辑”按钮进入“参数”对话框


图2.6-36

图2.6-37

填写
分享标题：“我得了{ { 分数} }（提取“分数”文字框中的分值）分”；
分享描述：“这个游戏很好玩”；
点击“确认”，即当我们分享出去时，即可出现游戏中实时获取的分数。


图2.6-38