放假时间：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友提供更好的服务。

祝大家新年快乐，事事如意！

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

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

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

点我立即体验

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

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

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

 

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

由于手机尺寸各异，无论选择什么样的自适应模式都会被截取一部分内容，如果你刚好有一个按钮的设计是属于贴着边框的，通常可以通过选择“高度适配”或者“宽度适配”就可以解决，但是如果左右侧边和上下侧边同时都有贴边设计的按钮或者我们不希望有留边的话，就无法通过木疙瘩自带的适配来防止按钮被切割了，这时候就需要我们手动去计算这些贴边按钮应该出现的位置！（具体设置方法请看相关教程）
先来看看这个案例：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​

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

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


（点击查看大图）

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

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

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


（点击查看大图）

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


（点击查看大图）

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

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


（点击查看大图）

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


（点击查看大图）

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



如何添加事件统计？

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

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

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


（点击查看大图）

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


（点击查看大图）
 
 

Mugeda官方客服服务时间如下：



 （点击查看大图）

Mugeda学习交流QQ1群： 237082431（已满）
Mugeda学习交流QQ2群：262201240（已满）
Mugeda学习交流QQ3群：263360290（已满）
Mugeda学习交流QQ4群：475633109
Mugeda学习交流QQ5群：338214678

客服电话：010-53384810 
论坛地址：bbs.mugeda.com

Mugeda本周优化内容如下：

一、优化了工作台整体样式，更易操作。 


图片说明如下：（点击图片查看大图）
1）选中——鼠标拖动该作品可以移动至任意“我的作品”文件夹内。

2）当鼠标滑动至作品名称的范围内，可以显示该作品的全称。

3）优化了已发布标志，避免遮住作品名称。

4）删除按钮，点击直接删除该作品。

5）统计：点击可以查看该作品的统计详情。

6）点击该区域可以预览作品 。


图片说明如下：（点击图片查看大图）

1）优化了预览页面，看起来更加美观。

2）Mugeda为所有的设计师开放了个人空间，点击”加入空间“可以将该作品添加至您的空间。（必须是发布作品才可以）

3）可以将该作品转为您自己的模板，重复使用。

4）直接可以查看该作品的二维码，不需要再用其他的第三方软件了，是不是很方便。

二、优化了教程页面的一些操作体验问题，更方便Mu友们学习

三、优化了发布作品的操作界面


图片说明如下：（点击图片查看大图）

1）点击作品名称可以直接修改备注名（第一次发布不可以改哦）。

2）点击可以复制链接，Mu友再也不用担心找不到发布地址啦。

3）删除：点击之后该作品的发布地址将不能再访问，但是该作品还可以您的“动画作品”找到。（注意：如果选择删除，该作品发布地址无法找回，必须发布新链接才可以访问，但是跟之前链接不同哦）

4）可以直接查看该作品的二维码，点击鼠标右键另存为，可以保存1000*1000高清大图。

四、优化了模板的操作界面和使用流程



五、管理账号可以查看子账号的作品，还可以看到作者哦。 



六、增加了“推荐设计师”标志，点击设计师昵称可以查看该设计师的所有作品。 



七、设计师空间免费开通（每个Mu都有自己的个人空间啦） 



如果您想在Mugeda官网的设计师页面展示，并且被推荐，您需要添加至少3个优质的作品（添加方法如下图“1”，然后选择“我要被推荐”下图“2”，按照要求发送资料就可以啦，敬请期待我们的通知吧。



成功申请设计师后的福利：（联系QQ：3024076303）

H5作品宣传／享受会员折扣／赠送任意2个模板／免费外包接单

八、bug修复

总是被问有没有免费模版可以使用？

总是被问加载页面可不可以多些样式？

总是被问大转盘抽奖类H5怎么做？

Mugeda本周更新39个超实用的单页模板，你想要的都有，并且全部都可以免费使用，包含热门案例，加载页，幻灯片，交互，滑动／拖拽，可定制内容，插入内容，陀螺仪，逻辑判断等9大类型模版。
1、热门案例


 
2、加载页


 
3、幻灯片


 
4、交互


 
5、滑动／拖拽


 
6、可定制内容


 
7、插入内容


 
8、陀螺仪


 
9、逻辑判断


 
如何使用单页模板？

登录Mugeda，打开操作界面，添加模板，如下图：


（点击图片查看大图）

 
  
 
*******
最新内容请看
http://bbs.mugeda.com/article/5232
*******
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
>>>领取设计师专项优惠<<<
 
可申请出售商业模板，收入80%归设计师所有

>>>如何出售商业模板？点击查看<<<

>>>*H5作品有哪些要求？<<<
 
1、缩略图尺寸为171*278，图片清晰，美观，体现作品特点。
2、作品是原创。
3、内容不少于5个页面。
4、作品从创意／设计／动画一定要完整。
 
特别提醒：不是加入了3个作品就一定可以成为推荐设计师，审核标准参考以上4条，敬请知晓，期待更多的优秀设计师加入木疙瘩这个大家庭。
 
我们审核通过后，将推荐您的个人空间。​

>>>*设计师如何将已发布作品加入个人空间？<<<

 1、动画作品——选择【已发布的作品】——加入空间，如下图：



2、点击“加入空间”按钮，添加缩略图——加入空间——确定即可。如下图：
 


（点击图片查看大图）

3、在设计师页面，点击“我的空间”可以查看添加的作品。


（点击图片查看大图）
 
恭喜你，作品添加成功了！你将出现这个页面哦！

http://102f1cea.u.mgd5.com/campaigns/57831537a3664e4735000300/20161112025043/5826b89092b579729b444c3a/index.html


用画笔可以在上面画出很多不可思议的花纹图形！只用了一种行为，各位同学可以自己实现一下试试看哦！
运行起来可能会有些卡！

先看案例



这个案例核心点在于，如何将在H5中输入的 数据传递到外部网页中。本人曾尝试过无代码去实现，但是结果不是很理想，没能达到在两者之间实时传递数据的效果 。
最终做出这个案例觉得还是用代码比较方便一点。用代码的话，其实方法很简单
逻辑分析，该类案例简单点说就是如何将输入的信息与查询的网址合成一个链接，然后点击按钮就可以打开这个合成后的链接，如果理解了这个逻辑的话，我想应该下面的制作就不会太难了
切入正题：
首先、要了解相关查询网站的规则，一般都是查询网站查询时都会在网址后面附带输入信息的，（需要先查询一下看一下查询后网址变化，并复制）举个栗子：


截图为某天气查询网站查询某地的天气情况"id="后面的数据即使我们需要传递的数据
第二步、在舞台出入一个文本输入框（sr） ，一个文本框（addr）和一个按钮（btn）
注：括号内为 元素名称，可自定义，建议采用英文格式
第三步、将输入框内的数据传输转化为查询链接传递给 文本 （此项为重点）
我们以电话号码查询为例，查询链接为http://shouji.supfree.net/fish.asp?cat=数据
这里我们将输入框中的数据带入即可，即addr=http://shouji.supfree.net/fish.asp?cat={{sr}} 





注意：一定不要忘了“http://”这个前缀。
剩下就是见证奇迹的时刻了 ：


在上方代码编辑框输入
var mugeda = Mugeda.getMugedaObject();
mugeda.addEventListener("renderReady", function () {
var scene = this.scene;
var btn = scene.getObjectByName("btn");
btn.addEventListener("inputend", function (event) {
var addr = scene.getObjectByName("addr”);
window.location.href=addr.text;
});
});



注上方括号内下划线所代表的即为上方所命名的元素
至此，所有结果就已完成 。
ps.如果还需要增加其他查询想的话，在复制一段中间代码（下图），并对元素（下图标红部分）重新命名即可。



了解了以上的操作后，我们就可以在木疙瘩上实现更多的H5和网页之间的数据传递了，比如 ：天气查询、火车票查询等查询类的H5制作，甚至是讲述距提交到自己的数据库中，更多想不到等待着你去探索.....
本教程主要针对无代码基础用户，代码大神勿喷。

本教程以上一篇教程为基础如何在mugeda上无代码实现日期倒计时（天、时、分、秒），想要理解本教程的话先看上一篇教程
直接切入正题，
设置：
目标时间设为：TIME,即Y月D日H时M分00秒（注：你可以想直接将目标时间填写为你要达到的目标时间）；
当前时间是time1，即y1月d1日h1时m1分s1秒；
倒计时剩余时间设为time，即剩余时间为d日h时m分s秒（注：没有月）
（ps.本教程目标时间的“秒”不建议自定义，因为如果加入秒的话，操作难度将会无限增大，不信的话你可以先懂这篇教程再说）
直接上逻辑判断方法：


注：以上执行结果一栏并不符合标准的数学语言写法，大家可以将括号内的理解为一整体即可。



只要大家将上面的大写字母换成你想要的目标时间
，即可制作倒计时案例了作品了。（什么 逻辑表达式不会写，看这里http://bbs.mugeda.com/?/question/480）


顺便附赠一份本人做的demo案例：http://7b2a3775.u.h5mc.com/campaigns/56ea907ba3664eea6b000015/20161109031439/5822b91792b579135a79d031/index.html
 
http://beta.mugeda.com/client/preview_css3.html?id=3554102e
特别声明：因本教程每月天数按30天计算，所以存在误差，如果要求比较严格建议用代码实现或者计算好相应月数天数更改每月天数即可（此方法较为麻烦）

想要了解更多Mugeda功能？>>>猛戳我，学习更多教程​
 1、增加给单页命名的功能 
具体操作步骤，在左侧页面栏中，每一页默认的命名是“第1页”、“第2页”……，如图：

 
把鼠标移至默认命名处，就能给单页重新命名，如图：

 
2、增加当使用舞台上的播放功能时，点击舞台任意位置【暂停】功能 
具体操作步骤，点击舞台上的播放按钮，如图：

 
随意点击舞台任意处，即可暂停动画。
 
3、增加在属性栏改变某元素宽高属性时，锁定长宽比的功能 
具体操作步骤，如图：

 
4、可直接将图片粘贴在舞台上原有“上传”按钮消失，直接点击“选择”按钮就可以将图片添加到舞台，图片会在后台上传
具体操作步骤，点击工具条中的“导入图片”功能，如图：

 
然后选择图片，直接点击“选择”按钮，直接上传图片，如图：

 
5、绘画板功能增加只显示编辑颜色和画笔粗细的功能 ，不显示勾叉 
具体操作步骤，点击工具条中的“绘画板”功能，如图：

 
在舞台上拉出画布大小，并保持选中状态，如图：

 
在右侧属性栏中，选择“仅显示线宽和颜色”，在预览中就不会显示勾叉，如图：

 
6、鼠标点击范围精确识别为矢量图形范围（例：三角形就是三角形），目前任何图形的点击生效区域都是矩形的
具体操作步骤，在舞台中绘图圆形，并给圆形添加一个“点击跳转到上一页”功能，如图：

 
预览动画可以看到，动作只在圆形部分生效。
 
7、单选框、多选框增加横板显示 
具体操作步骤，在左侧工具条添加“单选框”工具到舞台，如图：



 
然后选择工具条中的“变形工具”，对单选框进行调整，即可调整成竖版，如图：



 
8、点赞控件增加：不可以取消赞的功能 
具体操作步骤，在左侧工具条添加“点赞”控件到舞台，如图：



 
在属性栏新增，不允许撤销点赞的选项，如图：

 
 
 

点这里
墙裂（墙裂到地震）要求mugeda加入倒计时模块，同意的点赞

如何在mugeda上无代码实现日期倒计时（天、时、分、秒）

前段时间有人在论坛抛出倒计时如何实现的问题，本人觉得无代码实现倒计时挺有趣的，就是做了个里约奥运会倒计时的demo，不过昨天又有人问，本人又重新翻回以前的demo，发现demo有bug，
到底什么bug，看图



所以本人决定大一下补丁，同时为广大mu友分享（chun）下（shu）经（zhuang）验（b），下面开始装B时刻：
本人首先做了一个2017年元旦倒计时的demo，不要问为什么，因为元旦做起来比较简单，结束时间是2017年01月01日00点00分00秒，百度了一下，目前时间2016年11月7日，距离元旦还有54天，下面就是操作了，基本操作请查看mugeda教程，
首先，在舞台新建几个文本工具，分别分别分别设置其预置文本为当前时间/日期，格式最好设置为英文，格式最好设置为英文，格式最好设置为英文格，（说了三遍因为这很重要）我这里除了小时用了英文，其他用的中文（因为本人比较懒，所以没改英文格式，不改的话，出现bug后果自负！！！）







并且将获取的当前时间分别命名为h1、m1、s1，
剩余时间则为d、h、m、s,（计算倒计时要从秒开始算起，不要问为什么 ，你长大就懂了）
s=59-{{s1}}，（也许你会问为什么是59而不是60，因为当前时间是0秒的时候，如果是60的话，s=60-0=60，所以差一秒而已，就忽略了吧，毕竟工作量可以减少不少，如果你是处女座的话来找我，来找本人给你开小灶）
m=59-{{m1}}
h=23-{{h1}}
剩下的看图，



关于剩余天数，可以直接用文本工具输入55，（问为什么是55，看上面）然后设置属性改变行为，，执行条件为：{{h.text}}=0&&{{m.text}}=0&&{{s.text}}=0&&{{h1.text}}!=23，什么看不懂什么意思，看这里http://bbs.mugeda.com/?/article/34，自己猜，
设置方式看下图



注：需要在桌面添加个计时器，是否循环设置为循环，所有的属性改变行为都要设置在这个计时器上，所有的属性改变行为都要设置在这个计时器上，所有的属性改变行为都要设置在这个计时器上。



到此，整个demo应该算结束了，为了圆满一点，本人加上了背景元素什么的装饰一下，然后插入了第二帧，当时时间到元旦的时候，就可以跳转到第二帧了，（怎么设置跳转的方法我就不说了，自己百度）。
下面看看demo：http://7642bdb8.u.h5mc.com/cam ... .html



 由于本人技术有限，以上教程如有bug，纯属胡扯，敬请见谅
特别声明：因本教程每月天数按30天计算，所以存在误差，如果要求比较严格建议用代码实现或者计算好相应月数天数更改每月天数即可（此方法较为麻烦）
未完待续......
下期预告《如何在mugeda上无代码实现倒计时（天、时、分、秒）》

双十一来啦，Mugeda怎么能没有活动呢？  
 
全年仅一次的会员5折疯抢，这次错过再等一年，而且此次优惠力度史无前例，聪明的宝宝们们都会快人一秒点击这里
 
·双十一狂欢日 5折抢购Mugeda会员 

活动形式： 购买会员享5折优惠（不含加量包,存储空间），新用户入会、老用户续费均可参加。 
下单就送：99元案例课程包
 
活动时间： 11月10日——11月12日（3天）  
 
特别注意： 在双十一期间成功抢购会员的Mu友，凭自己的用户名与班主任—松月联系（QQ：154065262），兑换99元案例课程。
 
·5折会员有什么服务？ 

Mugeda会员能享受什么服务，值得在双十一剁手呢？请听小编细细掰着指头跟你数数：海量H5模板免费使用、最热H5案例课程免费听、一对一专属答疑服务……更多会员服务请点击这里
 

在众多H5作品中，游戏无疑是最吸引人的类型！而木疙瘩强大的行为功能合集已经足够实现大部分的游戏功能了，这里将分享一下 如何用木疙瘩来做游戏！
首先我们来看看木疙瘩目前都有哪些优秀的游戏案例吧！

1.休闲游戏大合集
2.神射手
3.抓蝴蝶
4.炒茶大师
5.像素鸟
更多案例→http://www.mugeda.com/cases.php 选择互动游戏分类
 
那么怎么用木疙瘩做游戏呢？
 
1.准备素材
   首先需要把游戏所要用到的所有素材尽可能的先准备齐全，这样可以更直观的观察到游戏的效果，在做的过程中遇到还没有的素材可以临时绘制几何图形代替。
2.充分了解游戏规则
   这一部分很重要，充分了解游戏规则并不只是和我们平时看到的游戏规则说明那样，而是要在玩游戏过程中更深度的去理解！
   就拿上面的第五个案例《像素鸟》来说明吧
   像素鸟的游戏规则说明是：点击屏幕让小鸟上下移动，每穿过一次柱子并且没有碰到柱子则记一分
   但我们要结合游戏理解为：
   1.小鸟会在场景中前行
   2.柱子的出口位置随机变化
   3.小鸟会匀加速向下掉落，并且旋转角度也随其改变
   4.鼠标点击屏幕会使小鸟瞬间向上移动一段固定的距离，仅仅在手指按下瞬间时有效，持续按下无法连续触发
   5.小鸟碰到柱子或者屏幕上下方均使游戏失败，成功穿过柱子则记1分
   ……等
3.将每一条游戏规则翻译成逻辑语言
   到这一部分开始就需要费点脑子了，这里将涉及逻辑判断、数学和物理的各种运算，这一步的翻译可能需要进行很多次，先是翻译成木疙瘩功能可以实现的方法，再翻译成具体的各种公式，这是相对比较难的一部分，也是最容易让人开始放弃的部分。我们要对木疙瘩现有的各种行为的作用以及逻辑表达式的书写格式有足够的了解，详情请参考教程贴：http://bbs.mugeda.com/?/article/289
   示范：（对应第二部分游戏规则编号进行翻译）
   1. 创建随机数控件，设置变化频率为0.1秒，并在控件上添加行为，使得“改变元素属性”行为持续响应
     第一个“改变元素属性”行为持续改变背景图片和柱子的横向坐标
     第二个行为判断当坐标超出屏幕范围后，将坐标改为进入屏幕前的坐标
   2.在更改柱子坐标的同时再改变柱子的纵向坐标，坐标每次与随机数进行一个取值关联
   3.在舞台外创建一个文本框，定义为数值，在随机数控件上添加“改变元素”行为，实时改变小鸟的纵向坐标，使得小鸟按每次按速度下降，同时每次下降增加速度的数值，产生加速掉落效果
   4.在屏幕前放置一个透明的块，用来触发鼠标点击行为，鼠标点击触发行为改变速度为向上数值，产生小鸟瞬间向上移动的效果。
   5. 在判断小鸟纵向坐标在柱子缝隙范围内，并且小鸟穿过柱子宽度后，坐标小于小鸟坐标时，加1分，用改变元素属性行为对舞台外用于记录分数的文本框进行数值改变。
     当小鸟纵向坐标超出屏幕范围、或者在进入柱子区域时候纵向坐标并不在柱子间隙范围内的时候判断游戏失败
   ……等
4.问题（BUG）检测
   在做第三步的时候，绝大部分人都会有BUG产生，有可能是因为行为触发方式选择错误，也有可能是逻辑表达式写错，取值公式算错等等各种原因，这时候我们就要在这种情况下更精确的寻找到BUG是如何产生的。
   这里提供几个BUG查找的几个要领：
   1.如果出现关联动画失效，或者通过“改变元素”行为无法正确使得物体改变的时候，可以新建一个用于测试的文本框，用来显示关联的数值，或者公式计算结果，可以直观的看到数值的变化，以检查公式是否有错。像陀螺仪这类数值就通常与我们想象中的变化规律不同，最好在做之前先关联文本框观察一下变化规律。
   2.如果出现一个或多个导致最终结果实现的行为无法执行的时候，先依次取消执行条件，看看取消后能不能正常产生变化，就可以判断是取值公式的错误还是罗技表达式的错误了。
   3.如果确定了是取值公式或者逻辑表达式出错的话，请一定仔细检查一下书写的格式，不要急着让老师帮你找错，有时候很细微的书写问题是很难被找到的，例如英文括号写成了中文括号，英文i写成了数字1，对逻辑表达式没有了解透彻，把判断是否相等的公式写成了 a = b（正确应该是a == b），等等很多细节问题都是BUG产生的一大原因。
   4.一个游戏效果不符合理想中的效果，这个时候就需要返回到第三步重新开始审查自己翻译的逻辑是不是正确的，毕竟计算机不是人类，需要很严谨的根据你的命令去执行。
 
 
最后，木疙瘩教程页中有一些游戏的案例教程，大家可以去看看老师们是如何按照了上面的流程去做的！
教程地址：http://www.mugeda.com/help.php
 4.案例讲解→小游戏
 5.热门案例
 
觉得这篇文章对你有帮助的话，给我点个赞吧！
 
我的其它文章：
【代码分享】贴边UI功能！ http://bbs.mugeda.com/?/article/426
【代码分享】用鼠标进行控制（鼠标响应事件）！ http://bbs.mugeda.com/?/article/267
手机上播放木疙瘩的H5动画很卡怎么办？5招教你解决！    http://bbs.mugeda.com/?/question/230​

111

方法一： 
跳过Mugeda后台，把在Mugeda里做的作品导出，放到自己的服务器上，然后通过添加代码的方式获取数据。

方法二： 
可以在api中使用ajax的方式发送和获取数据，但是要注意跨域问题，当你的动画直接使用Mugeda平台发布的时候，使用ajax向自己所在域名的服务器发送请求的时候，是存在跨域问题的，这个时候推荐使用jsonp的方式来请求数据，如果你的动画部署在自己的服务器上，这个时候就不会存在跨域问题，你可以使用ajax方式来请求数据。

推荐在动画中引入jQuery，这样你可以使用jQuery ajax方法来发送请求，以下是例子，其中url需要执行你自己后台的请求地址，注意，跨域情况下使用jsonp的请求需要服务器后台支持。

1.没有跨域的情况：
$.ajax({ 
  url: '/submit', 
  type: 'POST', 
  data: {name: 'test'}, 
  success: function (response) { 
     //TODO； 
  } 
});


2.跨域的情况：
$.ajax({ 
  url: "/submit.jsonp", 
  jsonp: "callback", 
  dataType: "jsonp", 
  data: {name: 'test'}, 
  success: function( response ) { 
     //TODO; 
  } 
});


2.9.6 API的应用：工具API
2.9.5 API的应用：aObject对象
2.9.4 API的应用：scene对象
2.9.3 API的应用：Mugeda对象
2.9.2 API的应用：Mugeda API的整体结构
2.9.1 API的应用：在动画中添加代码

新建作品——页面显示绿色是什么意思呢？


 
绿色部分是舞台上显示的区域



注：如果舞台显示完整，是不会出现绿色框的。

强烈建议Mu友们“关注”哦，在文章的右上角点击“关注”即可。每周更新
 
6月21日—6月24日技术问题汇总
6月25日—7月1日 技术问题汇总
7月2日—7月8日 技术问题汇总
7月9日—7月15日问题汇总
7月16日—7月22日 问题汇总
7月23日—7月29 技术问题汇总
7月30日—8月05日 技术问题汇总
8月6日—8月12日 技术问题汇总
8月13日—8月19日 技术问题汇总
8月20日—8月26日 技术问题汇总
8月27日—9月2日 技术问题汇总
9月3日—9月9日 技术问题汇总
9月19日—9月25日 技术问题汇总
9月26日—9月30日 技术问题汇总
10月01日—10月09日 技术问题汇总
10月10日—10月16日 技术问题汇总
10月17日—10月23日 技术问题汇总
10月24日—10月30日 技术问题汇总
10月31日—11月6日 技术问题汇总
11月7日—11月13日 技术问题汇总
11月14日—11月20日 技术问题汇总
11月21日—11月27日 技术问题汇总
11月28日—12月4日 技术问题汇总
12月5日—12月11日 技术问题汇总
12月12日—12月18日 技术问题汇总
12月19日—12月25日 技术问题汇总
12月26日—1月01日 技术问题汇总
1月02日—1月08日 技术问题汇总
1月09日—1月15日 技术问题汇总
1月16日—1月22日 技术问题汇总
2017年
2月06日—2月12日 技术问题汇总
 2月13日—2月19日 技术问题汇总
2月20日—2月26日 技术问题汇总
2月27日—3月05日 技术问题汇总
3月06日—3月12日 技术问题汇总
3月13日—3月19日 技术问题汇总
3月20日—3月26日 技术问题汇总
 3月27日—4月2日 技术问题汇总
4月3日—4月9日 技术问题汇总
4月10日—4月16日 技术问题汇总
____________________________
5月10日—5月15日 技术问题汇总
5月16日—5月21日 技术问题汇总
5月22日—5月28日 技术问题汇总
5月29日—6月4日 技术问题汇总
6月5日—6月11日 技术问题汇总
6月12日—6月18日 技术问题汇总
6月19日—6月25日技术问题汇总
6月26日—7月2日技术问题汇总
7月3日—7月9日技术问题汇总
7月10日—7月16日技术问题汇总
7月17日—7月23日技术问题汇总
7月24日—7月30日技术问题汇总
7月31日—8月6日技术问题汇总
8月7日—8月13日技术问题汇总
8月14日—8月20日技术问题汇总
8月21日—8月27日技术问题汇总
8月28日—9月3日技术问题汇总
9月4日—9月10日技术问题汇总
9月11日—9月17日技术问题汇总
9月18日—9月24日技术问题汇总
9月25日—10月01日技术问题汇总
10月09日—10月15日技术问题汇总
10月16日—10月22日技术问题汇总
10月23日—10月29日技术问题汇总
11月6日—11月12日技术问题汇总
11月13日—11月19日技术问题汇总
11月20日—11月26日技术问题汇总
 11月27日—12月3日技术问题汇总
12月4日—12月10日技术问题汇总
12月11日—12月17日技术问题汇总
12月18日—12月24日技术问题汇总
12月25日—12月31日技术问题汇总
 
★2017年最常见20个问题★

近期优化了声音播放的相关问题，优化内容如下：

1. 改进了声音自动播放的问题；
2. 改进了声音播放延时的问题；

操作方法：

在属性面板为声音打开预加载，或者在行为面板中为行为声音打开预加载，都会为声音开启预加载策略。
打开预加载后，在loading界面阶段，将下载整个声音数据。
随后，在支持的设备上，实现自动无延迟的播放声音。





效果：使用上面的处理后，声音在各种设备上表现。



说明：
1) 安卓4- 是指安卓4（含）及以下的机型；
2) 安卓5+ 是指安卓5（含）及以上的机型；
3) 需要在Mugeda IDE中为相关声音(对象或行为) 打开预加载开关；
4) 需要App支持是指在App中需要调用API设置自动播放。 
具体来讲：
在安卓中需要设置setMediaPlaybackRequiresUserGesture(false)
在iOS中需要设置UIWebView.mediaPlaybackRequiresUserAction=NO
5) 如果微信中没有启用X5内核（判断方式：访问http://debugtbs.qq.com/， 如果出现“您使用的为非X5内核浏览器”字样就不是X5内核），则需要在Mugeda IDE中为相关声音(对象或行为) 打开预加载开关，才可以启用自动播放。

上表说明的情况适用于市面上大部分的机型。但是考虑到安卓设备碎片化严重，不排除有个别机型有例外。例如，非针对中国市场的手机（例如：从美国带回中国使用的手机），可能由于在Google Play上安装或者同步过软件可能导致在微信中不能自动播放声音。





由于安卓设备的碎片化问题，我们不承诺所有的设备和场景都能做到自动播放和无延时播放，但是对于绝大部分场景，目前的方案已经可以很好的解决上述问题。