演示地址:http://beta.mugeda.com/client/ ... 91ea1 
编辑地址:http://beta.mugeda.com/animation/edit/9b591ea1
 
抽奖组件具体使用方法：
1、首先在工具栏中选中抽奖组件.


2、然后会弹出抽奖组件的配置.

开始时间和结束时间：是指抽奖发生时,如果抽奖在时间范围内则可以抽奖，否则不可以抽奖. 
允许重复抽奖次数：限制用户抽奖的次数,如果超过设置的值则不可以抽奖 
再次抽奖等待时间：限制用户多次抽奖时间间隔,单位为(秒),用户的多次抽奖时间间隔不能超过这个设置 
抽奖模式：即抽即中、均匀分布 
安全验证：如果开启了安全验证, 用户在抽奖的时候需要输入验证码,验证码输入正确才给抽奖
奖项设置：一行一个奖项,格式为: [奖品名次:奖品名称:奖品数量] ，例 
1:一等奖:10 
2:二等奖:100 
3:三等奖:1000
领奖码(非必填)：一行一个领奖码,格式为:[奖品名次:领奖码:奖品数量] ，例:
1:lingjiangma1:10 
2:lingjiangma2:100 
3:lingjiangma3:1000
奖品的名次对应奖项设置中的奖品名次,领奖码可以设置为任意不重复的值,如果配置了领奖码这个选项,当中奖的时候,中奖信息中会携带所对应的领奖码,比如抽奖时中了一等奖,那么对应的领奖码就是 lingjian
 
3、以上配置完成后,点击确认按钮即可生成一个完整的抽奖组件.  
 
4、设置4个文本框用来显示抽奖的结果,设计师可根据文本框内的内容来进行判断,然后进行样式的设计.

设置完以后分别给文本框进行命名，用来绑定抽奖组件.
 
5、绘制一个物体，用来充当抽奖按钮


6、选中绘制出的物体，给物体增加抽奖行为


然后编辑抽奖行为

抽奖组件选择刚刚的生成的抽奖组件
 
显示抽奖结果类别：抽奖的结果会显示在指定的文本框内, 如果抽奖结果为-1代表没有中奖，如果是0那么他就中了一等奖,如果是1那么就是二等奖,以此类推,设计师可根据返回的数字进行判断来决定样式 
显示抽奖结果文本：假如中了一等奖,一等奖对应的名称是小米手机，那么对应的文本框内就会显示小米手机
显示抽奖凭据：如果设置了领奖码，假如一等奖对应的领奖码是 yidengjiang1 那么这个领奖码就会显示在对应文本框内
显示剩余抽奖次数：会在对应文本框内显示用户还有几次抽奖机会
绑定表单提交：如果页面上有物体绑定了提交表单行为，如果配置了这个选项，用户在提交表单的时候，会偷偷的把抽奖结果信息绑定到表单上作为附加信息提交.

用户使用木疙程序制作投票、抽奖等数据组件时，木疙瘩不承担由于黑客或设置出错导致的经济损失.
  收起阅读 »

了解到目前很多Mu友不了解学伴计划的使用方法，现将整体流程整理如下。如有问题，可在本帖下进行回复。感谢大家的支持。  
 
本次活动课程：《网易：5笔画一个爱》 
活动时间：5.26-5.28
点击这里马上参与
 
操作说明 
一、电脑QQ 
1、打开活动链接，用手机微信扫描二维码 
2、关注腾讯课堂（及时了解自己集齐学伴进程） 
3、腾讯课堂会给你弹出一张图片，长按图片保存下来 
4、把图片发给好友或朋友圈 
5、朋友长按你发送的图片，并识别图中二维码 
6、腾讯课堂公众号会给你发送一条反馈消息，集齐5人就能免费上课
 
二、手机QQ 
1、用手机QQ打开活动链接，点击左下方“分享微信好友免费上课” 
2、选择分享到“微信”或“朋友圈” 
3、微信好友点击分享出去的链接，进入学伴邀请卡，长按卡片中二维码 
4、微信好友扫描完后，你会在手机QQ—腾讯课堂QQ公众号收到一条反馈消息，集齐5人就能免费上课
 
Mugeda福利Day每周五都有，请Mu友们记得留意，不要错过哦！ 收起阅读 »

如果你购买了Mugeda的会员服务，需要对公转账。流程如下：
 
Mugeda财务信息：

单位名称：北京乐享云创科技有限公司
开 户 行：中国建设银行北京北三环支行
账   号：11001021200053004050 
行   号：212
 
你可以直接打款至以上账号。
 
转账成功后请将以下信息：发送邮件至contact@mugeda.com，我们将为你开通账号权限。（请一定要先注册哦）
 
1、Mugeda用户名及开通时间：如：用户名：mingyueliu，开通时间：2017年5月1日至2018年4月30日。
（登录Mugeda，账号设置中查看用户名）
2、单位名称：
3、开户行：
4、账号：
5、行号：
6、联系人及电话或QQ：
 
点击申请发票
 
  收起阅读 »

3月28日的案例课已经讲解了这个刷屏级H5的制作方法，为了方便大家学习和复习，上课的重要知识点整理如下：
 
戳这里看案例
 
视频回放已经上线，点这里开始学习
（注：课程报名后才能观看，报名免费）
 
前期准备：
H5工具：Mugeda（www.mugeda.com）
浏览器：下载Chrome浏览器，这是对H5支持最好的，方便边做边调试
 
一、游戏原理 
1.不同用户间传播 
a首次打开 
*通过某个值/"判断选择"为2 
b第二用户打开 
*通过某个值/"判断选择"小于2 
c自己再次打开 
*根据{{当前用户昵称=上用户昵称}}判断 
a设置获取微信头像命名为“N” 
b设置上用户微信昵称命名为“N上” 
 
2.根据定时器属性变化判断判断文本不同跳转不同状态页 
a赋值为2跳转到添加问题页面 
b赋值小于2跳转到答题页面 
c{{N=N上}}跳转到提示自己页面
 
二、制作步骤 
1.绘制一个圆角矩形添加获取微信头像 
2.在舞台外复制一个，添加改变图片并勾选转发时保持 
3.定制原理 
a通过输入框输入问题 
b制作选项 
*制作真假选项状态 
*通过改变选中圆点的左坐标来实现选中状态 
c记录选择答案 
*制作判断选择文本  
通过改变“判断选择”数值，真为1，假为0，默认为2 
*通过改变数值并勾选转发时保存状态 
后边会通过此数值判断用户是否答对 
4.制作生成按钮 
a跳转到转发页面 
b改变上用户昵称 
c改变题目文字
 
三、逻辑判断重点 
1.绘制一个矩形添加改变图片行为使此图片改变为上用户头像 
2.添加一个文本框添加改变元素属性是文本框内容变为“@{{N}}你真的了解我吗？” 
3.在真假按钮添加不同回馈 
a真的：跳转第二帧出现文字提示及答题 
b假的：跳转第三帧出现文字提示及出题
  收起阅读 »

教师账号及其权限

 教师版账号是指1个教师账号，可以关联10个（起）已注册的Mugeda账号。购买教师版账号默认为可关联10个账号，您可以购买关联更多的账号。

如有需要请联系我们

1个教师账号可以享受的权限：

1）存储空间10G  2）作品数量不限制，3）发布次数不限制，4）导出次数不限制；

5）支持自定义加载页面，6）支持导入外部JS库，7）流量不限制，8）支持PV、UV数据，9）支持表单数据；

10）免费使用所有模板，11）支持CDN加速，12）支持数据分析，13）支持误删找回（限3天内），14）支持共享协同。

关联10个账号（起）：

1）可关联的账号为在Mugeda已经注册账号（免费账号，普通版，专业版均可）

2）可关联的账号权限为默认权限，比如：关联的账号是免费版，该关联的账号权限同免费账号相同。关联的账号是普通版，该关联的账号权限同普通账号相同。关联的账号是专业版，该关联的账号权限同专业账号相同。（如关联了专业版仅仅是关联的主账号，不包含子账号）

注意：教师版的10G存储空间只能教师账号使用，其他关联账号不可用。
 
教师账号使用方法

 一、教师版账号如何使用？

1、购买教师版会员后，【登录】教师账号 —【工作台】—【团队管理】—【复制关联码】—发给学生。（教师账号即”购买教师版会员“时支付的账号） 



2、教师版团队管理

1）学员表示已关联的学员人数。如未关联则显示0。剩余名额数量表示还可以关联学员的数量；

2）搜索：你可以通过搜素学生的用户名和昵称来快速找到他，并查看详情；

3）教师关联码：点击【复制】CTRL+C，粘贴CTRL+V，发送给学生即可；

4）有效期为该教师关联码的最终截止有效时间。可以设置为1天，1周，1月或不限；

5）选中要解除关联的学生，可以批量解除关联；

6）显示绑定学生的详细状态，点击“提交作品数”可以查看学生提交的具体作品，并可编辑，分享给同组学员。 



3、共享素材：【素材管理】—【私有文件夹】—点击【共享按钮即可】（学生通过”素材管理“—“共享组”查看老师共享的素材） 



4、教师可以将学生提交的作品分享给同组学员。



5、教师可以查看并且编辑学生提交的作品。

二、学生账号

1、学生关联教师账号：【登录】Mugeda账号—【账号设置】—【输入关联码】—【关联】



2、点击“取消关联”表示你已经与教师账号解除绑定，无法在使用教师共享的素材，无法再提交作品。（取消关联后你还可以输入关联码绑定其他的账号） 



3、点击“查看自己提交的作品”可以查看自己提交过哪些作业给老师。

4、学生提交作品：【动画作品】—【预览】—【提交作品】



5、学生可以通过【素材管理】—【共享组】查看老师共享的素材 



6、学生可以通过【工作台】—【作品分享】查看老师分享的其他成员作品。

注意：教师、学生都可以单方面解除关联 。
  收起阅读 »

本周更新功能如下：
 1、行为中增加“舞台截图”的功能。（使用这个功能就可以制作结婚证，房产证等方面的H5,并可以保存图片哦）
 
操作方法：行为—属性控制—舞台截图，操作过程中，注意一定要给目标图片命名。

2、属性栏“文字”增加了两端对齐模式和字间距属性。如下图：
 

 
3、优化了文字渲染使得舞台和播放器更加一致。

4、当作品添加外链时，如果该链接地址已添加至Mugeda链接白名单，预览作品时不再有提示。
 
5、Mugeda增加教师版账号：可以实现教师与学生互相互联，协同共享素材及作品，提交作业等功能。


 
 
  收起阅读 »

第一个练习作品，大家来拍砖啊。


 

本次Mugeda版本更新内容如下：

【IDE】

1.    点赞插件支持隐藏提交提示；如果选择打开这个功能，点赞时，“正在提交”的提示文字不再显示。



2.    点赞插件支持用表达式获取是否点赞。方法：{{likeName.liked}}=1已点赞，{{likeName.liked}}=0未点赞；

3.    优化了复制粘贴帧的机制。避免复制大量帧的时候导致系统不稳定；

4.    在如下【行为】支持转发时是否可以保持取值：微信头像、微信昵称、选择图片、改变图片、改变属性（仅限文本）。其中“微信头像”和“微信昵称”默认保持，其它默认不保持；



5.    修正了擦玻璃组件可能显示不正常的问题；

6.    升级微信SDK至1.2.0版本；

7.    随机数取值范围改为：最小值<=随机数<=最大值；

8.    视频支持在安卓设备使用同层视频。同层视频可以隐藏播放条，并且允许在视频上方显示其它元素（例如弹幕）；



【网站】
Mugeda首页底部增加了常见问题的入口，方便Mu快速的解决问题。如“Mugeda更新公告／索取发票／审核规范／视频课程／学习交流群等等。具体如下图：


  收起阅读 »

http://102f1cea.u.mgd5.com/campaigns/57831537a3664e4735000300/20170308113120/58bffd7c347a1922945bb48f/index.html 
该转换工具可将某些通过软件或网站直接导出拥有3级菜单表格直接转换为木疙瘩使用的格式！内有详细使用说明！！
 
相关文章：
【代码分享】三级菜单下拉框 收起阅读 »

【公告】Mugeda为媒体行业的Mu友提供独立的内容发布域名2017两会将于3月召开，鉴于很多媒体用户会在此期间发布大量两会相关的H5内容，
 
为了保证内容正常显示，避免受到其他用户的影响，Mugeda将为媒体行业的免费用户开通一个独立的内容发布域名。
 
请媒体行业朋友尽快将你的“帐号/媒体名称／姓名／联系方式”发送至邮箱mingyueliu@mugmugeda.com或者QQ：3024076303。
 
审核后我们会将你加入专门的媒体用户组。
 
预祝大家两会报道成功！
  收起阅读 »

http://102f1cea.u.mgd5.com/campaigns/57831537a3664e4735000300/20170211090435/589eef95347a19376628d0ea/index.html 
利用木疙瘩+JS代码和算法计算实现的伪3D场景，定义的参数如下：
层级参数：一共分多少层图片，每一层都单独标记
层距：每层之间的距离是多大
透视度：后面的层相比前面的层要小多少倍，用于计算后面的图片的大小是原来的多少倍
焦点横坐标（X）：确定现在镜头的横坐标，以便计算各层图片目前应该在的相对横坐标；
焦点深度坐标（Z）：确定当前镜头进入的深度，以便计算当前整体放大的大小
然后将所有参数都和透视度进行关联，按透视度比例缩放对应的大小以及坐标就可以了，这个主要是要有比较强的三维空间感和几何数学基础，希望对大家有帮助！ 收起阅读 »

本周Mugeda版本更新内容如下：
 
【网站优化】

1、增加专业版账员过期提醒的功能

2、上传空间添加默认缩略图，减少操作步骤

3、网页可以自适应屏幕的大小

4、增加了导出作品，存储空间达到上限时弹出提醒的功能
 
5、优化了随机数取值范围，确保最小值和最大值都能取到
 
6、数据统计页面增加了用户数据的功能：除了收集表单数据还增加了收录图片及声音的功能，并支持预览和导出
 


 
 
7、投票组件支持设置重复投票周期的功能



【bug】

1、修复了导出gif出错的问题

2、修复了统计数据分享后无法查看数据的问题

3、增加了含声音的内容可以提前预加载

4、修复了使用遮罩功能图片不显示的问题

5、修复了“改变图片“行为不能更换遮罩里面的图片的问题

6、修复了元件中的元素添加行为时，导致元件行为冲突的问题

7、修复了元件内遮罩层图形超出舞台范围时，编辑正常，预览显示内容不全的问题 收起阅读 »

亲爱的Mu友们大家好：

由于近期Mugeda的服务器频繁遭到有针对性的恶意攻击，我们已经通过相应的渠道进行调查取证并会在近期采取措施维护我们以及大家的权益。为了保证平台能够正常运作，我们采取了紧急处理方案必要的技术手段，如果内容中包含有潜在安全风险的元素，比如跳转到不在白名单的外链，或者包含和有脚本等存在安全风险的组件，在预览的时候可能会提示内容的访问受限，在发布的时候可能需要先通过审核才可以正常预览和发布。在保证服务安全的前提下，我们会不断的改进我们的审查质量，确保大家的内容能够正常查看。也欢迎大家提出宝贵意见，我们会认证考虑你们提出的合理意见和建议并对我们的服务加以改进。

点击查看审核规范

下面就一些可能出现的情况加以说明。

一、在预览和发布作品的过程中可能遇到下列情况：

1、当预览作品，弹出下面这个提示，：说明审核流程在您的内容中检测到了有潜在安全风险的元素。您的内容中包含【脚本】等存在安全风险的组件。请删除或修改后重新发布。如果你确认你的作品没有包含相关内容，你可以联系我们的客服（可将作品的链接发送至QQ学习交流群（263360290），让工作人员帮您检查。
 
下面的提示仅在预览时出现，发布后不会出现。为了确定安全，发布后仍需要经过Mugeda审核，才能正常显示。



上面的提示仅在预览时出现，发布后不会出现。为了确定安全，发布后仍需要经过Mugeda审核，才能正常显示。

2、当预览作品，弹出下面这个提示，：说明审核流程在您的内容中检测到了有潜在安全风险的元素。您的内容中包含【外链】等存在安全风险的组件。发布后该提示将不再出现。


 
3、当发布作品，弹出下面这个提示：说明您的内容中包含外链和脚本等存在安全风险的组件。请耐心等待审核。审核通过后，您不需要再次发布，相关内容会自动生效。通过后刷新【发布链接】即可。如果发布内容后又修改了内容，在重新发布时需要重新进行审核（特别提示：如果想要快速显示作品，请尽量一次性修改完成后发布，如果重复修改发布，审核过程会延长）



付费会员不会弹出上面的提示。

4、当您打开发布地址弹出下面提示：说明您的内容还在排队审核中（Mugeda产生内容的数量巨大，请耐心等待，过一会在试试看，一般工作日2个小时内都可以审核完成）



二、链接白名单功能：如果您有固定的网站需要推广，也可以将链接／用户名／公司名称／联系方式发送至QQ:3024076303.我们会审核您的链接，通过后加入链接白名单，这样可以省去审核的过程哦。

三、升级为Mugeda付费会员：付费会员和免费会员使用不同的域名。付费会员享有先发布作品后审核的特权，还可以免费使用模板，发布次数、导出次数、作品数量不限等福利。去看看

我们会不断近期我们会优化审核流程，为大家提供强大而稳定的H5制作平台。感谢大家的支持。 收起阅读 »

本次Mugeda版本更新如下：

【新功能】

1、  增加了复制行为后，粘贴行为可选择插入模式和覆盖模式。

操作方法：【选中】添加了行为的物体，点击【右键】选择复制行为。然后选中想要复制该行为的物体，点击【右键】粘贴行为即可。注意：粘贴行为含两种形式【插入模式】和【覆盖模式】 



【覆盖模式】把复制的行为粘贴到当前物体。如果当前物体粘贴前已经有行为，这些行为会被覆盖并删除。

【插入模式】把复制的行为追加插入当前物体的行为列表。如果当前物体粘贴前已经有行为，这些行为会保留。

2、  增加了投票功能的控件
 
投票功能使用教程点击查看

3、  增加了定制转发图片的功能。

【选中】物体——添加【行为】定制图片 



4、  增加了当上传素材时在舞台上方显示上传的进度条功能。 



5、  增加了选中行为框中的行为时的高亮状态。

6、  增加了禁用包含动画的元素的拖动属性。

提示：当前时间单元包含关键帧动画或变形动画时，在【属性栏】为物体设置拖动（水平拖动／自由拖动／垂直拖动／旋转）失效。如下图：红框内包含关键帧动画，所以无法使用拖动属性。 



7、  增加了发布内容中含有链接需要通过审核的功能。

 提示：免费会员发布的内容如包含链接／网页空间／脚本相关组件，必须通过Mugeda的审核才能正常显示。审核通过后只要刷新发布链接即可。会员升级无需先审核


 
【BUG修复】

1、  修复了 拖拽/旋转属性中设置旋转，第一次转动正常，第二次转动异常的问题。

2、  修复了 使用录制声音功能时，录制提示的标志不消失的问题。

3、  修复了 元件中元素名称重复的问题。

4、  修复了 合并图形时报错的问题。

5、  修复了 关键帧命名失败的问题。

6、  修复了 菜单栏管理资源替换图片失效的问题。

7、  修复了 元件中遮照缺失的问题。

8、  修复了 遮照模糊和抖动的问题。 收起阅读 »

·想要了解更多Mugeda功能？>>>猛戳我，学习更多教程​
 
（点击图片看大图）

 1. 添加一个投票组件：

 
2. 按照提示完成投票的设置：

 
3. 确认投票数据设置后，会在舞台上生成一个投票组件，并且会自动命名（投票1），同时会在数据库上注册一个投票数据点。注意，投票组件是一个服务器数据组件，在内容展示时不会出现。为了能够投票，还需要添加投票行为：

 
4. 添加3个文字对象，投票给上海、投票数、是否投票。分别对应的功能为：投票按钮、显示“上海”的投票数，和显示当前用户是否给“上海”投过票。后两个文字对象需要命名，后面要引用：

 
5. 为投票按钮添加“投票”行为：

 
6. 编辑投票行为进行设置。其中，投票对象是上面添加的投票数据对象；显示结果对象和显示是否投票分别对应上面添加的对应文字对象：

 
7. 设置成功后就可以进行投票了。投票结果会显示在对应的文字信息中便于后续处理，同时会根据投票设置显示相应的结果文字，便于用关联、条件等方式控制更多的交互行为：

  收起阅读 »

放假时间：1月25日——2月5日

直播课程服务时间：1月21日—2月12日直播答疑暂停服务。2月13日恢复正常。

客服服务时间：（仅限Mugeda付费会员）

1月25日—26日：上午10:00—12:00，下午：14：00—16:00

2月3日—5日：    上午10:00—12:00，下午：14：00—16:00

遇到问题建议Mu友通以下方式来解决：

1、视频教程 ：http://www.mugeda.com/help.php

2、文档教程： http://bbs.mugeda.com/?/article/289

3、案例课程：https://ke.qq.com/course/list/Mugeda

4、申请设计师推荐：发送邮件至mingyueliu@mugeda.com

5、申请发票：http://bbs.mugeda.com/?/article/271

6、论坛（常见问题）：bbs.mugeda.com

我们将在2月6日恢复正常上班后，第一时间为大家服务。

感谢大家对Mugeda的支持，2017我们会更加努力，为Mu友提供更好的服务。

祝大家新年快乐，事事如意！ 收起阅读 »

2016年，Mugeda总共讲过13个热门H5案例，每个都是刷屏级，目的是希望Mu友们都能在第一时间掌握当下最流行的H5制作技术。  
 
岁末年初，想把这一兜子干货全部给你！还没有看过？现在还来得及，而且每个只要9.9，就能一人抵百，掌握只有大公司大团队才能做出的神作！
 
点击课程名称，马上学习。
 
1、【动画类】什么才是福
知识点：曲线变形动画、元件动画、控制元件

 
2、【长图拖动类】你玩过ROOM吗
知识点：背景拖动、关联动画、逻辑判断

 
3、【3D视角】小爷吴亦凡
知识点：陀螺仪、关联动画、视频使用 

 
4、【视频类】星巴克咖啡
知识点：序列帧动画、控制元件、表单制作

 
5、【小游戏类】拍出惊喜
知识点：随机数、逻辑判断、控制元件 

 
6、【课件类】化学课件制作
知识点：高级交互、控制元件、逻辑判断

 
7、【交互游戏类】谁是足球明星
知识点：陀螺仪、逻辑判断、高级交互

 
8、【仿朋友圈类】CEO邀你群聊
知识点：关键帧动画、行为添加、Mugeda图形绘制

 
9、【绘画板功能】里约大冒险
知识点：绘画板功能、元件动画、添加行为

 
10、【超炫景深】天猫双十一宇宙邀请函
知识点：关联动画结合逻辑判断，制作超炫景深透视效果

 
11、【快闪】仿苹果7发布会超炫快闪
知识点：多种快闪的组合效果，用色块遮盖文字消失

 
12、【小游戏】H5换装小游戏
知识点：手指拖动放下，及多种逻辑表达式的写法

 
13、【视差类】视差类H5的制作
知识点：动画关联的用法

 
  收起阅读 »

标题：Mugeda账号解封：Mugeda用户名+姓名+公司名称

内容：
1、Mugeda用户名+姓名+公司名称
2、邮箱地址（我们将通过这个邮件通知您是否解封）

请将以上信息发送至contact@mugeda.com。
 
3个工作日内反馈。 收起阅读 »

点我立即体验

 1、Mugeda首页全新改版，界面更简洁化：

 
2、增加修改昵称功能，操作方法：

账号设置——账号信息——昵称（修改）——完成

  收起阅读 »

想要了解更多Mugeda功能？>>>猛戳我，学习更多教程 
 
如何压缩图片、声音和视频？ 
答：http://bbs.mugeda.com/?/article/429 
 
为什么导入H5里的视频无法播放？ 
答：确保视频格式为MP4，另外大小控制在20M以内，另外注意视频的格式，视频编码必须是H.264，音频编码必须是AAC。
 
Mugeda里的模板如何使用？ 
答：单页模板使用说明http://bbs.mugeda.com/?/article/297 
精品模板使用说明http://bbs.mugeda.com/?/article/401 
 
如何实现H5里可以定制文字和图片的功能？ 
答：定制文字教程http://bbs.mugeda.com/?/article/363 
定制图片教程http://bbs.mugeda.com/?/article/351 
 
H5作品文件要如何设置？ 
答： http://bbs.mugeda.com/?/article/296 
 
屏幕适配要如何设置？如渲染模式、自适应、选择发布模式、如何设置强制横屏竖屏？
答：http://bbs.mugeda.com/?/article/418 
 
我想让一个物体不断循环动，怎么实现？ 
答：用元件动画可以实现，相关教程http://bbs.mugeda.com/?/article/323 
 
如何复制帧/图层？ 
答：http://bbs.mugeda.com/?/article/427 
 
为什么无法导入PSD？ 
答：导入PSD及注意事项说明http://bbs.mugeda.com/?/article/412 
 
逻辑表达式要怎么写？ 
答：7种逻辑表达式的写法http://bbs.mugeda.com/?/article/406 
 
Mugeda API的使用方法？ 
答：具体文档http://card.mugeda.com/mugedaApiDoc/index.html
 
如何使用回调函数？ 
答：具体文档http://bbs.mugeda.com/?/article/416
 
为什么我的背景音乐无法播放？ 
答：Mugeda支持的声音格式为mp3和wav； 
保证声音文件大小10M以内（通常建议压缩处理后声音文件大小500kb左右）。
 
为什么我的背景音乐只在一页中播放？ 
答：整个作品的背景音乐在属性栏——背景音乐处添加 
其他Mugeda声音使用相关问题请参考http://bbs.mugeda.com/?/article/13
 
为什么打开内容时，会提示素材缺失？ 
答：素材缺失，指的是图片、视频和音频素材在源文件里丢失的情况，这是因为素材没有上传完成造成的。 
以图片为例，当图片上传到素材库时，会有进度条显示上传进度，橙色进度条完成时才算上传成功，如图：


同时如果在素材库里删除了素材，相关作品中用到的素材也会删除，会显示如下：

 
为什么我的内容发布后还是会有橙色的广告条？ 
答：内容发布后，如果扫描“效果预览”旁的二维码，这时候看到的是预览链接，在最上方会看到橙色的广告条，如果是正式发布链接，则不会出现广告条，特此说明。如图：

（此图二维码是预览地址，有广告条）


（此图二维码是发布地址，无广告条）
 
【预览和发布链接的详细区别】可参考： https://ke.qq.com/webcourse/index.html#course_id=156055&term_id=100178720&taid=964413431636375&vid=s1415c5xz65
 
我想让画面上的一个物体停下来，用手指点击再播放，怎么做？ 
答：这个属于动画控制，建议学习下基础课程： https://ke.qq.com/webcourse/index.html#course_id=156055&term_id=100178720&taid=982606913102231&vid=c1415r781id
 
为什么我做的H5打不开了，说是涉及违规内容被举报？ 
答：请先自查作品是否违规：http://bbs.mugeda.com/?/article/272 
如果你确实没有违反的话，可以重新发布一遍。
 

  收起阅读 »

想要了解更多Mugeda功能？>>>猛戳我，学习更多教程
 
本节视频教程请点击此处。
 
本节涉及知识点：图片压缩、声音压缩、视频压缩
 
图片压缩： 
https://tinypng.com/ 可以对图片进行压缩处理，而且质量不会降低。把要压缩的图片拖动到方框内，即可开始压缩，如图：

 
压缩好，点击【Downloud】下载到电脑的指定位置，如图：

 
声音压缩： 
推荐大家【Audacity】这个软件，如图：

 
把要压缩的声音拖到灰色区域，就能上传并开始编辑，如图：

 
用选择工具选中音轨中不需要的部分，【Delete】就可删除，如图：

 
点击放大镜，可以放大音轨，如图：

 
给声音加特效，需先选中需要添加特效的音轨部分，点击【特效】，如图：

 
把立体声分离成单声，可以让声音文件变得更小，如图：

 
在能保证声音质量的前提下，可删除其中一个声道，如图：

 
【文件】—【导出】，在弹窗的右下角【选项】，可以对声音质量进行选择，数字越小，表示声音质量越差，文件尺寸越小，一般默认为24，如图：

 
【声道模式】选择【合并立体声】，如图：

 
视频压缩： 
推荐大家用Freemake Video这个软件，它在压缩的质量和大小上都不错，如图：

 
左上角【视频】可以导入视频，视频右侧【小剪刀】可裁剪视频，如图:

 
如果只保留前10秒视频，先定位在10s的位置，单击【开始选取范围】，如图：

 
单击【移动至选取范围的开始】，即此时的点是要裁剪视频的开始，如图：

 
把鼠标移动到要裁剪内容的末尾，点击【剪下选取范围】，如图：

 
只保留了前10s的视频，点击右下角【ok】，完成裁剪，如图：

 
该软件提供了很多格式的导出，如图：

 
如果要导出MP4，点击【编辑预先设定】按钮，如图：

 
点击【转换】，画面大小可以自定义，视频编码器一定要选【H.264】，如图：

 
比特率类型，设置越大导出的视频文件也就越大，如图：

 
关于视频中音频的设置，音频解码器一定要选择【AAC】，其他可根据自己的需求设置，如图：

 
特别注意：在H5导入的视频，视频编码器一定要设置成【H.264】，音频编解码器一定要 设置成【AAC】。
  收起阅读 »

http://102f1cea.u.mgd5.com/campaigns/57831537a3664e4735000300/20161221124038/585901b0aeece114b518c2d1/index.html
用木疙瘩+JS代码完成了一个粒子发射器，可以调节各项参数测试木疙瘩粒子性能作为参考。
点右上角的“粒子图案”可以更换粒子图像。
拖动发射器底端可以改变发射角度。 收起阅读 »

·想要了解更多Mugeda功能？>>>猛戳我，学习更多教程   
 
本节知识点：复制帧-粘贴帧、复制关键帧-粘贴关键帧、复制多个图层-粘贴多个图层  
 
复制帧-粘贴帧： 
选择某一个图层的全部帧，全选后时间线呈草绿色，右键选择【复制帧】，如图：

 
在没有帧的地方，右键【粘贴帧】，如图：

 
这时候刚才的一整段动画就被粘贴过来了，如图：

 
选中第一个空白关键帧，右键【删除帧】，就会得到与复制动画完全一致的一整段动画，如图：

 
复制关键帧-粘贴关键帧： 
选中关键帧，右键【复制关键帧】，如图：

 
选择要粘贴的位置，右键【粘贴关键帧】，如图：

 
注意，不能把关键帧粘贴在另外一段动画的时间单元里，否则会出现如下提示，如图：

 
目前，不支持复制一个图层的多个关键帧，如图：

 
则会出现如下提示，如图：

 
但支持同时复制多个图层的关键帧，如图：

 
然后选择要粘贴的位置，右键【粘贴关键帧】，如图：

 
复制多个图层-粘贴多个图层： 
选中所有的4个图层，右键【复制帧】，如图：

 
另外新建4个图层，如图：

 
选择最上面图层第2个没有帧的地方，【右键】粘贴站，如图：

 
复制的4个图层的全部内容全部都粘贴过来了，如图：

  收起阅读 »

var mugeda = Mugeda.getMugedaObject();

mugeda.addEventListener('renderReady', function () {

     var scene = mugeda.scene;

     var yemianW = scene.getObjectByName('窗口宽度');

     var yemianH = scene.getObjectByName('窗口高度');

     var oldW;

     var oldH;

     var updateTime = function () {

         

        if(oldW != window.innerWidth || oldH != window.innerHeight){//防止持续更新文本框

            oldW = yemianW.text = window.innerWidth;

            oldH = yemianH.text = window.innerHeight;

        }

     }

     scene.addEventListener('enterframe', function () {

          updateTime();

     });

});

由于手机尺寸各异，无论选择什么样的自适应模式都会被截取一部分内容，如果你刚好有一个按钮的设计是属于贴着边框的，通常可以通过选择“高度适配”或者“宽度适配”就可以解决，但是如果左右侧边和上下侧边同时都有贴边设计的按钮或者我们不希望有留边的话，就无法通过木疙瘩自带的适配来防止按钮被切割了，这时候就需要我们手动去计算这些贴边按钮应该出现的位置！（具体设置方法请看相关教程）
先来看看这个案例：http://102f1cea.u.mgd5.com/campaigns/57831537a3664e4735000300/20161219063748/5841517e92b57979951510a3/index.html
这个案例使用的是“覆盖”的自适应效果，也就是无论屏幕是怎样的比例，绝对不会出现留边的情况，高度超出比例时候按高度适配，宽度超出比例的时候就按宽度适配，配合贴边UI就可以让整个画面始终保持饱满的状态了！
 
进入正题，如何实现贴边UI？这个还需要通过当前显示范围大小配合选择的自适应效果，通过计算来实现！首先我们要先显示现在的显示窗口大小：
在舞台上新建两个文本框，分别命名为“窗口高度”“窗口宽度”
然后选择发布按钮左边的 [JS] 按钮，插入如下代码：

var mugeda = Mugeda.getMugedaObject();

mugeda.addEventListener('renderReady', function () {

     var scene = mugeda.scene;

     var yemianW = scene.getObjectByName('窗口宽度');

     var yemianH = scene.getObjectByName('窗口高度');

     var oldW;

     var oldH;

     var updateTime = function () {

         

        if(oldW != window.innerWidth || oldH != window.innerHeight){//防止持续更新文本框

            oldW = yemianW.text = window.innerWidth;

            oldH = yemianH.text = window.innerHeight;

        }

     }

     scene.addEventListener('enterframe', function () {

          updateTime();

     });

});

之后就可以通过“窗口高度”“窗口宽度”这两个文本框，知道现在显示的窗口大小了！
接下来就是分析显示窗口和木疙瘩舞台的关系了，就那“宽度适配”来举例说明吧！
宽度适配情况下，是显示的内容始终让宽度占满整个屏幕，并且宽高比不改变，内容居中显示，如下图：

我们想要按钮1贴着上边，按钮2贴着下边显示的话，我们需要先求出上下边界线在作品里的坐标。
由于宽度自适应，可以观察的出 显示区域高度/作品宽度 = 窗口高度/窗口宽度
所以  显示区域高度 = 窗口高度/窗口宽度*作品宽度。
由于作品内容是居中的，因此，显示的上边界所在上坐标为：  上边界上坐标 = (作品高度-显示区域高度)/2
所以按钮1上坐标应该为：(作品高度-窗口高度/窗口宽度*作品宽度)/2
同理按钮2上坐标应该为：作品高度-(作品高度-窗口高度/窗口宽度*作品宽度)/2-按钮高度
知道怎么算出来之后，就可以通过“改变元素属性”的行为，填入取值公式就可以实现贴边UI的功能了！为了每次窗口变化都能触发，行为需要添加在显示区域的文本框上，触发方式选择为“属性改变”，就可以确保每次窗口改变时候都能实时改变啦！赶快去试试吧！
觉得本篇文章对你有帮助的请点个赞！
 
PS：我上面制作的这个案例的翻页功能也是通过代码实现的，目前木疙瘩还不支持不受翻页影响的导航功能，据官方人员了解，这个功能可能需要到明年才能完成！
 
 
我的其它文章：
【高级互动】如何制用木疙瘩做游戏？ http://bbs.mugeda.com/?/article/392
【代码分享】用鼠标进行控制（鼠标响应事件）！ http://bbs.mugeda.com/?/article/267
手机上播放木疙瘩的H5动画很卡怎么办？5招教你解决！    http://bbs.mugeda.com/?/question/230​ 收起阅读 »

还记得苹果7发布会的那则快闪广告啵？

 
节奏把握的太好了，不仅用户看的爽，而且信息量巨大！  
 
这种形式用H5做，不仅效果好，而且巨简单，Mugeda案例课程这次就以《快闪H5制作》为例，为大家揭秘如何用H5打造一款堪比苹果快闪的特效。
 
案例学习：《快闪H5制作》

 
课程时长：1小时  
知识点：快闪的几种组合效果，用色块遮盖控制文字消失。   
课程形式：随到随听  
 
点击这里开始学习
  收起阅读 »

·想要了解更多Mugeda功能？>>>猛戳我，学习更多教程​
 说明：浏览器100%才能看到加载页面的设置
 
本节视频教程请点击此处。
 
加载页面的制作，具体步骤如下：  
1、加载页面默认是进度条，如图：

 
2、样式、提示文字、文字大小均可自由设置，如果设置了动态文字，在页面加载的时候，可以看到文字在动，如图：


 
3、图片位置，设置的值越大，前景图片的位置越靠下；图片宽度设置的值越小，前景图片的尺寸就越小，如图：

 
4、当然你还可以在首页里自己制作加载页，只需要在右侧的样式中设置【首页作为加载页面】，如图：

 
5、除了自己制作，还可以从Mugeda模板里添加加载页，如图：

 
Mugeda提供丰富的加载界面模板，除此之外还有表单、交互、逻辑判断等模板供大家免费使用，如图：

 
点击【确定】添加加载界面到舞台上，并把添加的模板调整至首页，然后在样式上设置【首页作为加载界面】，如图：

 
关于Mugeda模板的更多使用方法，请点击这里学习。

 

  收起阅读 »

想要了解更多Mugeda功能？>>>猛戳我，学习更多教程​）
 Mugeda统计数据可以查看该作品的浏览量和用户数以及传播来源，传播层级，事件统计。

统计数据可以通过选择“开始时间”和“结束时间”来筛选数据的时间范围进行查询数据。（如下图） 


（点击查看大图）

浏览量（PV）：页面被查看的次数。用户多次打开或刷新同一个页面，该指标值累加。

用户数（UV）：页面的访问人数。所选时间段内，同一访客多次访问会进行去重。

下图数据表可以通过选择“时”“天”“周”“月“进行筛选查看。


（点击查看大图）

传播来源：是指通过某些途径进行传播。Mugeda的传播来源包括微信的（单聊，群聊，朋友圈）等，其他包含浏览器，QQ等。


（点击查看大图）

传播层级：可以查看每一层传播的相关数据。

所谓层级：比如“我”通过朋友圈传播给“a”“b”“c”，“a”“b”“c”又分别通过朋友圈或者私聊传播出去，那么“我“为第一层级，abc分别为第二层级，依此类推。如下图  


（点击查看大图）

从下面可以了解到，一层传播数据最高，其次是五层。 


（点击查看大图）

事件统计：在Mugeda编辑界面，你可以给元素——行为添加一个可选的“事件名称”，凡是包含“事件名称”的行为，都会记录在统计数据的“事件统计”中，你可以在后台查看这些事件的统计数据。例如：用户点击某个按钮的次数。 



如何添加事件统计？

编辑界面——选择您想要添加事件统计的物体——行为——添加事件名称即可。（所有事件可以添加统计哦）

例如：用户点击某个按钮的次数。

1、选中要添加事件统计的按钮
2、点击”行为“图标，进入行为操作界面（如下图） 


（点击查看大图）

3、选择要添加”事件统计“的任意一个行为，比如：我想添加”跳转到帧并播放“的事件统计，点击编辑——添加”事件名称“即可。现在可以到动画作品——统计，查看你添加的事件统计了。（统计最长需要等待1个工作日）


（点击查看大图）
 
  收起阅读 »

·想要了解更多Mugeda功能？>>>猛戳我，学习更多教程​
 
本节视频教程请点击此处。
 
本节知识点：新建元件、如何把新建元件添加到舞台、复制元件、新建文件夹、导出/编辑/删除元件
 
一、新建元件 
点击舞台右侧的元件面板，左下第一个按钮“新建元件”，如图：

 
默认命名为“元件1”，自动进入元件编辑界面，如图：

 
二、如何把新建元件添加到舞台？ 
在元件编辑界面完成编辑后，点击页面回到舞台，如图：

 
把元件添加到舞台的方法有两种
1、鼠标放到元件上，成“十字”后拖动不放，到舞台再松开，如图：

 
2、点击元件面板下方的“添加到绘画板”按钮，也可把元件导入到舞台，如图：

 
三、复制元件： 
点击元件面板左下第二个“复制元件”，即可复制一个新的元件，默认命名为“元件2”，如图：

 
在复制元件，即“元件2”里进行修改，不会影响到“元件1”内的内容 ，如图：

 
四、新建元件文件夹： 
点击元件面板下方的“新建文件夹”按钮，可以在元件面板里添加文件夹，如图：

 
文件夹可以方便的对元件、视频、音频等进行管理，如图：

 
五、导出元件：
点击元件面板下方的“导出”按钮，如图：

 
如果想让同一个元件应用在不同的作品中，可以用导出功能。选择要导出的元件，点击“导出”按钮，如图：

 
在新建的作品里，就能看到刚才导出的元件，把它拖动到舞台上就可以使用了，如图：

 
六、编辑元件： 
编辑元件有多种方法，既可以点击元件面板下方的“编辑”按钮，也可以双击元件，进入到元件编辑界面，如图：

 
七、删除元件：

 
  收起阅读 »

`想要了解更多Mugeda功能？>>>猛戳我，学习更多教程​
 
本节视频教程请点击此处。
 
本节知识点：设置坐标，改变物体大小坐标、透明度、线条类型、填充、X/Y/Z轴旋转、端点、接合、背景图片、预置动画、组类型、结束时复位、运动
 
1、熟悉属性面板：

 
绘制图形，物体的属性都在右侧查找

 
2、设置物体大小和坐标：​



 
3、设置透明度：​

 
输入值的方式更准确

 
4、线条类型： 
包括实线、点线、虚线、点划线

 
5、填充：

 
6、X、Y、Z轴旋转：

7、端点： 
端点只能对在Mugeda绘制的线条进行设置，如图：

 
8、接合： 
对绘制物体的线条接合处进行设置，如图：

 
9、背景图片： 
在绘制图形里插入图片，还可以通过图片位置和尺寸进行其他设置，如图：


如果只想保留图片造型，可以通过把线条的颜色设置为空，如图：


10、预置动画： 
可以在属性面板上给物体添加预置动画，也可以用选择工具选中物体添加，如图：


11、组类型： 
物体成组后，可以对其进行裁剪内容的操作。如果物体有动画，则裁剪后会有类似遮罩动画的效果，但占用空间更小，推荐使用。


12、结束时复位： 
首先给物体添加“自由拖动”，然后再打开结束时复位开关，这样物体无论被拖动到什么位置，结束时都会恢复原位。

 
13、运动： 
属性面板中的运动类型，只有给物体添加了“关键帧动画”或“曲线变形动画”才会出现，而且鼠标要选中时间上的关键帧。


  收起阅读 »

本周bug修复如下：
 
1、修复了单独页面命名， 顺序变化导致命名重置的问题。
2、修复了当内容中存在一个空的幻灯片控件时，作品无法预览的问题。
3、修复了直接拖拽素材上传，过早关闭界面，下次打开会提示素材缺失的问题。
4、修复了当元素添加可拖动的属性（旋转）， 预览时只有第一次拖动旋转生效，第二次预览失效的问题。
 
以上修复内容可在beta.mugeda.com上查看。 收起阅读 »