问题答疑

问题答疑

提出您在创作作品时遇到的问题和疑惑
BUG反馈

BUG反馈

反馈您在使用Mugeda时遇到的BUG
原创分享

原创分享

分享您的原创作品,创作经验,操作技巧
新功能需求

新功能需求

写下您期待Mugeda增加的新功能
Mugeda培训

Mugeda培训

加入我们的培训,提高您的技巧

【公告】2017Mugeda春节放假安排

mingyueliu 发表了文章 • 0 个评论 • 53 次浏览 • 22 小时前 • 来自相关话题

放假时间: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,下午 查看全部
放假时间: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账号?

mingyueliu 发表了文章 • 0 个评论 • 31 次浏览 • 2017-01-09 17:28 • 来自相关话题

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

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

请将以上信息发送至shanhuang@mugeda.com。
 
3个工作日内反馈。 查看全部
标题:Mugeda账号解封:Mugeda用户名+姓名+公司名称

内容:

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

请将以上信息发送至shanhuang@mugeda.com

 
3个工作日内反馈。

【公告】Mugeda版本更新1229:首页全新改版/增加昵称的功能

mingyueliu 发表了文章 • 0 个评论 • 215 次浏览 • 2016-12-29 15:24 • 来自相关话题

点我立即体验

 1、Mugeda首页全新改版,界面更简洁化:





 
2、增加修改昵称功能,操作方法:

账号设置——账号信息——昵称(修改)——完成





  查看全部
点我立即体验

 1、Mugeda首页全新改版,界面更简洁化:

首页.png

 
2、增加修改昵称功能,操作方法:

账号设置——账号信息——昵称(修改)——完成


2.png

 

专业版:团队管理/协同管理/添加子账号/管理账号/共享素材/共享源文件

回复

mingyueliu 发起了问题 • 1 人关注 • 0 个回复 • 67 次浏览 • 2016-12-27 17:46 • 来自相关话题

【代码分享】贴边UI功能!

totalacg 发表了文章 • 0 个评论 • 114 次浏览 • 2016-12-14 17:50 • 来自相关话题

由于手机尺寸各异,无论选择什么样的自适应模式都会被截取一部分内容,如果你刚好有一个按钮的设计是属于贴着边框的,通常可以通过选择“高度适配”或者“宽度适配”就可以解决,但是如果左右侧边和上下侧边同时都有贴边设计的按钮或者我们不希望有留边的话,就无法通过木疙瘩自带的适配来防止按钮被切割了,这时候就需要我 查看全部
由于手机尺寸各异,无论选择什么样的自适应模式都会被截取一部分内容,如果你刚好有一个按钮的设计是属于贴着边框的,通常可以通过选择“高度适配”或者“宽度适配”就可以解决,但是如果左右侧边和上下侧边同时都有贴边设计的按钮或者我们不希望有留边的话,就无法通过木疙瘩自带的适配来防止按钮被切割了,这时候就需要我们手动去计算这些贴边按钮应该出现的位置!(具体设置方法请看相关教程)
先来看看这个案例:http://www.mugeda.com/client/preview_css3.html?id=b6d40940
这个案例使用的是“覆盖”的自适应效果,也就是无论屏幕是怎样的比例,绝对不会出现留边的情况,高度超出比例时候按高度适配,宽度超出比例的时候就按宽度适配,配合贴边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();
     });
});
之后就可以通过“窗口高度”“窗口宽度”这两个文本框,知道现在显示的窗口大小了!
接下来就是分析显示窗口和木疙瘩舞台的关系了,就那“宽度适配”来举例说明吧!
宽度适配情况下,是显示的内容始终让宽度占满整个屏幕,并且宽高比不改变,内容居中显示,如下图:
未标题-2.jpg

我们想要按钮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统计数据】浏览量和用户数以及传播来源,传播层级,事件统计

mingyueliu 发表了文章 • 0 个评论 • 270 次浏览 • 2016-12-13 14:43 • 来自相关话题

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

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





(点击查看大图)

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

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

1.png

(点击查看大图)

浏览量(PV):页面被查看的次数。用户多次打开或刷新同一个页面,该指标值累加。

用户数(UV):页面的访问人数。所选时间段内,同一访客多次访问会进行去重。

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

2.png

(点击查看大图)

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

3.png

(点击查看大图)

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

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

9.png

(点击查看大图)

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

4.png

(点击查看大图)

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

5.png


如何添加事件统计?

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

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

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

6.png

(点击查看大图)

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

7.png

(点击查看大图)
 
 

【Mugeda公告】版本更新1130:操作界面优化,设计师空间免费开通,bug修复

mingyueliu 发表了文章 • 0 个评论 • 320 次浏览 • 2016-11-30 16:31 • 来自相关话题

Mugeda本周优化内容如下:

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





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

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

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

4)删除 查看全部
Mugeda本周优化内容如下:

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

优化1.png

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

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

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

4)删除按钮,点击直接删除该作品。

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

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

优化2.png

图片说明如下:(点击图片查看大图)

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

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

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

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

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

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

优化3.png

图片说明如下:(点击图片查看大图)

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

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

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

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

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

优化4.png


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

5.png


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

优化6.png


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

优化7.png


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

优化8.png


成功申请设计师后的福利:(联系QQ:3024076303)

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

八、bug修复

使用回调函数跳转链接以及弹出默认系统提示

回复

zgs 发起了问题 • 4 人关注 • 0 个回复 • 397 次浏览 • 2016-11-25 11:32 • 来自相关话题

分享后的行为代码

回复

zgs 发起了问题 • 3 人关注 • 0 个回复 • 373 次浏览 • 2016-11-25 11:25 • 来自相关话题

设计师如何将已发布作品加入个人空间?

mingyueliu 发表了文章 • 0 个评论 • 450 次浏览 • 2016-11-16 14:51 • 来自相关话题

设计师页面是什么?有什么用途呢?

为了给大家提供更好的平台,有机会展示自我,展示自己优秀的作品。Mugeda特推出设计师页面,在这里你可以展示您的个人信息以及作品,让更多人去发现你,帮助你找到更多商业机会。
 
设计师如何将已发布作品加入个人空间?

 1、动画作品——选择已发布的作品——点击缩略 查看全部
设计师页面是什么?有什么用途呢?

为了给大家提供更好的平台,有机会展示自我,展示自己优秀的作品。Mugeda特推出设计师页面,在这里你可以展示您的个人信息以及作品,让更多人去发现你,帮助你找到更多商业机会。

 
设计师如何将已发布作品加入个人空间?

 1、动画作品——选择已发布的作品——点击缩略图进入预览界面,如下图:

1.jpeg

(点击图片查看大图)
 
2、点击“加入空间”按钮,选择分类——添加缩略图——加入空间——确定即可。(注意:必须是已发布的作品才会出现“加入空间”选项)如下图:

2.jpeg

(点击图片查看大图)
 
3.jpeg

(点击图片查看大图)

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

4.jpeg

(点击图片查看大图)
 
恭喜你,作品添加成功了!

温馨提示:如果您在Mugeda官网——设计师页面没有看到自己,不要着急,那是因为您还没有被推荐,您只要选择“我要被推荐”按钮,按要求发送资料至mingyueliu@mugeda.com即可。
 
您至少要添加3个已发布的优秀作品,并通过审核,才可以在设计师页面展示哦。
 
 

2.9.7 API的应用:获取Mugeda后台数据

songyue 发表了文章 • 0 个评论 • 198 次浏览 • 2016-11-03 15:04 • 来自相关话题

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

方法二: 
可以在api中使用ajax的方式发送和获取数据,但是要注意跨域问题,当你的动画直接使用Mugeda平台发布的时候,使用ajax向自己所在域名的服务器发送请求的时候,是 查看全部
方法一: 
跳过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的应用:在动画中添加代码

逻辑判断(逻辑表达式)

回复

test099 发起了问题 • 3 人关注 • 0 个回复 • 274 次浏览 • 2016-11-01 11:03 • 来自相关话题

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

mingyueliu 发表了文章 • 0 个评论 • 75 次浏览 • 2016-10-20 15:40 • 来自相关话题

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





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






注:如果舞台显示完整,是不会出现绿色框的。
新建作品——页面显示绿色是什么意思呢?

2.jpeg

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

1.jpg


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

技术常见问题汇总目录

mingyueliu 发表了文章 • 0 个评论 • 130 次浏览 • 2016-10-19 10:32 • 来自相关话题

强烈建议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 查看全部

【公告】Mugeda优化了声音播放的相关问题

mingyueliu 发表了文章 • 0 个评论 • 126 次浏览 • 2016-10-11 14:30 • 来自相关话题

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

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

操作方法:

在属性面板为声音打开预加载,或者在行为面板中为行为声音打开预加载,都会为声音开启预加载策略。
打开预加载后,在loading界面阶段,将下载整个声音数据。
随后,在支持 查看全部
近期优化了声音播放的相关问题,优化内容如下:

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

操作方法:

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

4.jpeg


5.jpeg


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

3.jpeg


说明:
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上安装或者同步过软件可能导致在微信中不能自动播放声音。

1.png


2.png


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

3.4.2 微信定制 :和奥运冠军合影

mingyueliu 发表了文章 • 0 个评论 • 233 次浏览 • 2016-10-10 17:49 • 来自相关话题

想要了解更多Mugeda功能?>>>猛戳我,学习更多教程​

本节视频教程请点击此处。

如下图,点击添加一张合影照素材,再点击添加一个矩形、一个椭圆形。移动矩形至“舞台”下方,移动“椭圆”至合影者头像位置,修改各素材大小、颜色等;





图3.4-25

点击椭圆的“添加/ 查看全部
想要了解更多Mugeda功能?>>>猛戳我,学习更多教程​

本节视频教程请点击此处。

如下图,点击添加一张合影照素材,再点击添加一个矩形、一个椭圆形。移动矩形至“舞台”下方,移动“椭圆”至合影者头像位置,修改各素材大小、颜色等;

3.4-25_.png

图3.4-25

点击椭圆的“添加/编辑行为”按钮;

3.4-26_.png

图3.4-26

选择编辑行为为:“微信定制”→“定制图片”→触发条件:“点击”;

3.4-27_.png

图3.4-27

在“微信”工具条下点击“录音”工具,在“舞台”上添加两个图标,调整两个图标的位置如下图;

3.4-28_.png

图3.4-28

点击“预览”观察效果;

3.4-29_.png

图3.4-29

3.3.4 游戏测试:随机测试

mingyueliu 发表了文章 • 0 个评论 • 219 次浏览 • 2016-10-10 17:39 • 来自相关话题

想要了解更多Mugeda功能?>>>猛戳我,学习更多教程​

本节视频教程请点击此处。

如下图,在第1页面添加一张背景图






图3.3-130

新建“图层1”,添加“福袋”图片素材,点击“福袋”右边的“添加预置动画”按钮






图3.3-131

选择“悬摆” 查看全部
想要了解更多Mugeda功能?>>>猛戳我,学习更多教程​

本节视频教程请点击此处。

如下图,在第1页面添加一张背景图

3.3-130_.png


图3.3-130

新建“图层1”,添加“福袋”图片素材,点击“福袋”右边的“添加预置动画”按钮

3.3-131_.png


图3.3-131

选择“悬摆”动画效果

3.3-132_.png


图3.3-132

在其“属性”面板下打开“预置动画”的“循环播放”功能

3.3-133_.png


图3.3-133

选中“图层1”上的第2帧,点击“素材库”按钮,选择要添加的两张图片素材,勾选“以序列帧形式添加”,点击“添加”

3.3-134_.png


图3.3-134

补充“图层0”上的第2、3帧,点击“图层0”时间轴第3帧,右键→“插入帧”

3.3-135_.png


图3.3-135

点击“福袋”的“添加/编辑行为”按钮,添加两个编辑行为:
“播放”行为:“动画播放控制”→“播放”→触发条件:“点击”
“暂停”行为:“动画播放控制”→“暂停”→触发条件:“出现”


3.3-136_.png


图3.3-136

点击“图层1”上的第4帧,点击“素材库”按钮,在“媒体库”中选择五张所需图片素材,勾选“以序列帧形式添加”,点击“添加”

3.3-137_.png


图3.3-137

继续在“图层1”的第9、10帧上分别添加两张图片素材

3.3-138_.png


图3.3-138

补充“图层0”上的帧数,选中“图层0”上第10帧,右键→“插入帧”

3.3-139_.png


图3.3-139

新建“控制层”图层,点击“随机数”按钮在“舞台”上添加一个随机数,在其“属性”面板下为随机数命名为“抽奖”

3.3-140_.png


图3.3-140

并设置其最大值最小值为“100”“1”

3.3-141_.png


图3.3-141

如图,在第3帧出现的“爆炸”图片素材上,点击其“添加/编辑行为”按钮,设置行为:“动画播放控制”→“跳转到帧并停止”→触发条件:“出现”,点击“编辑”按钮

3.3-142_.png


图3.3-142

在“参数”对话框中设置相关属性
帧号:4;5;6;7;8
执行条件:“检查元素状态”
元素名称:“抽奖”
考察属性:“文本取值”
逻辑条件:“大于”
参考值:“10”,点击“确认”返回“编辑行为”对话框

3.3-143_.png


图3.3-143

如图,再添加一个“跳转到帧并停止”,触发条件为“出现”,点击“编辑”按钮

3.3-144_.png


图3.3-144

在弹出的“参数”对话框中设置相关属性
帧号:9;10
执行条件:“检查元素状态”
元素名称:“抽奖”
考察属性:“文本取值”
逻辑条件:“小于等于”
参考值:“10”,点击“确认”

3.3-145_.png


图3.3-145

可点击“预览”观察动画效果

3.3-146_.png


图3.3-146

如图,可修改随机数的最大值最小值,改变随机数的随机范围以修改中大小奖的概率

3.3-147_.png


图3.3-147

3.3.3 游戏测试:选择题

mingyueliu 发表了文章 • 0 个评论 • 216 次浏览 • 2016-10-10 17:24 • 来自相关话题

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

如下图,在新建第1页面添加背景图片。添加两个文本框,分别输入文字内容为“小学教学课件”(标题)、“开始”(点击开始按钮),在其“属性”面板下调整素材大小、颜色以及位置等属性。






查看全部
想要了解更多Mugeda功能?>>>猛戳我,学习更多教程​
 
本节视频教程请点击此处。

如下图,在新建第1页面添加背景图片。添加两个文本框,分别输入文字内容为“小学教学课件”(标题)、“开始”(点击开始按钮),在其“属性”面板下调整素材大小、颜色以及位置等属性。

3.3-90_.png


图3.3-90
点击“开始”文本框的“添加/编辑行为”按钮

3.3-91_.png


图3.3-91
在其“编辑行为”对话框中添加两个行为
“禁止翻页”行为:“动画播放控制”→“禁止翻页”→触发条件:“出现”
“跳转下一页”行为:“动画播放控制”→“下一页”→触发条件:“点击”

3.3-92_.png


图3.3-92
新建第2页,同理添加背景图片,添加四个文本框,分别输入“1+1=(?)”(题目)、“1”“2”“3”(答案选项),调整各元素的大小、位置等

3.3-93_.png


图3.3-93

同理,添加背景图片,添加三个文本框,分别输入“你答对了”“0”“题”(答案结果提示)

3.3-94_.png


图3.3-94
如下图,在“属性”面板下为“0”文本框命名为“分数”

3.3-95_.png


图3.3-95

点击正确答案选项文本框(此题为“2”)的“添加/编辑行为”按钮

3.3-96_.png


图3.3-96
在其“编辑行为”对话框中添加两个行为
“跳转下一页”行为:“动画播放控制”→“下一页”→触发条件:“点击”;
“改变元素属性”行为:“属性控制”→“改变元素属性”→触发条件:“点击”,点击“编辑”按钮,在“参数”对话框中设置
元素名称:“分数”
元素属性:“文本取值”
赋值方式:“在现有值基础上增加”
取值:“1”,点击“确认”

3.3-97_.png


图3.3-97

3.3-98_.png


图3.3-98
点击错误答案“1”文本框的“添加/编辑行为”按钮

3.3-99_.png


图3.3-99
添加“跳转下一页”行为:“动画播放控制”→“下一页”→触发条件:“点击”

3.3-100_.png


图3.3-100
同理,如下图,设置错误答案“3”文本框的编辑行为为“跳转下一页”

3.3-101_.png


图3.3-101
如下图,点击“复制页面”按钮,复制多个“问题”页面

3.3-102_.png


图3.3-102
在新页面上修改每一个题目以及答案选项

3.3-103_.png


图3.3-103
依次类推添加多个题目以及选项,丰富选择题内容
四、拖动选择
如下图,添加一个背景图片,添加四个文本框,分别输入文字内容为“守”“株”“待”“兔”,调节字体大小、颜色、位置等属性。

3.3-104_.png


图3.3-104
同理,添加四个矩形元素,在“属性”面板下调节填充色为透明色,线条类型为“点线”

3.3-105_.png


图3.3-105
排版:全选四个矩形,右键→“对齐”→“上”

3.3-106_.png


图3.3-106
排版:全选四个矩形,右键→“对齐”→“均分宽度”

3.3-107_.png


图3.3-107
分别在“属性”面板下为“守”“株”“待”“兔”四个文本框命名为“守”“株”(视频中为“zhu”)“待”“兔”

3.3-108_.png


图3.3-108
分别在“守”“株”“待”“兔”四个“属性”面板下为其设置“拖动/旋转”类型为“自由拖动”

3.3-109_.png


图3.3-109
新建文本框,输入内容为“0”,命名为“判断”

3.3-110_.png


图3.3-110
点击第一个矩形元素的“添加/编辑行为”按钮,设置编辑行为:“属性控制”→“改变元素属性”→触发条件:“拖动物体放下”,点击“编辑”按钮

3.3-111_.png


图3.3-111
设置“参数”
元素名称:“判断”
元素属性:“文本取值”
赋值方式:“在现有值基础上增加”
取值:“1”
拖动物体名称:“守”,点击“确认”

3.3-112_.png


图3.3-112

分别复制第一个矩形的编辑行为至第二、三、四个矩形上:选中第一个矩形,右键→“复制行为”

3.3-113_.png


图3.3-113
分别选中第二、三、四个矩形,右键→“粘贴行为”

3.3-114_.png


图3.3-114
点击第二个矩形的绿色编辑行为按钮,进入“编辑行为”对话框

3.3-115_.png


图3.3-115
点击“改变元素属性”行为的“编辑”按钮,进入“参数”对话框

3.3-116_.png


图3.3-116
改变“拖动物体名称”为“株”(视频中为“zhu”),点击“确认”

3.3-117_.png


图3.3-117
同理,改变第三、四个矩形的编辑行为中“拖动物体名称”分别为“待”“兔”

3.3-118_.png


图3.3-118

3.3-119_.png


图3.3-119
新建第2页面,添加背景图片、文本框,在文本框中输入文字内容为“恭喜你答对了”,修改字体、大小、位置等属性

3.3-120_.png


图3.3-120
点击“分数”文本框的“添加/编辑行为”按钮

3.3-121_.png


图3.3-121
添加两个编辑行为
“禁止翻页”行为:“动画播放控制”→“禁止翻页”→触发条件:“出现”;
“跳转下一页”行为:“动画播放控制”→“下一页”→触发条件:“属性改变”,点击“编辑”按钮,设置参数
执行条件:“检查元素状态”
元素名称:“判断”
参考属性:“文本取值”
逻辑条件:“等于”
参考值:“4”

3.3-122_.png


图3.3-122

3.3-123_.png


图3.3-123
新建第3页面,添加背景图片、文本框,在文本框中输入文字内容为“很遗憾再接再厉”,修改字体、大小、位置等属性

3.3-124_.png


图3.3-124
如下图,点击回到第1页面,添加定时器,修改“长度”为“10”秒

3.3-125_.png


图3.3-125
点击定时器“添加/编辑行为”按钮

3.3-126_.png


图3.3-126
在“编辑行为”对话框中选择:“动画播放控制”→“跳转到页”→触发条件:“定时器时间到”,点击“编辑”按钮

3.3-127_.png


图3.3-127
在“参数”对话框中选择“页号”为“3”,点击“确认”

3.3-128_.png


图3.3-128
点击“预览”观察效果

3.3-129_.png


图3.3-129

3.3.2 游戏测试:手术刀

mingyueliu 发表了文章 • 0 个评论 • 236 次浏览 • 2016-10-10 17:07 • 来自相关话题

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

如下图,点击“素材库”添加一个文字素材、医生漫画图像素材、“开始游戏”按钮素材,并修改“舞台”颜色为黄色






图3.3-26

点击新建第2页面,点击“素材库”添加一个手术刀图像元 查看全部
想要了解更多Mugeda功能?>>>猛戳我,学习更多教程​
 
本节视频教程请点击此处。

如下图,点击“素材库”添加一个文字素材、医生漫画图像素材、“开始游戏”按钮素材,并修改“舞台”颜色为黄色

3.3-26_.png


图3.3-26

点击新建第2页面,点击“素材库”添加一个手术刀图像元素,点击“线条”工具在“舞台”上绘制一个线条,并修改其线条类型为“点线”

3.3-27_.png


图3.3-27
继续补充绘制线条、添加“杀人”“完美”“及格”文本框如下图

3.3-28_.png


图3.3-28
再添加一个文本框,命名为“分数”,输入内容为“0”,并调整大小、字体颜色等属性

3.3-29_.png


图3.3-29
新建“图层1”,将“图层0”上的手术刀剪切粘贴进“图层1”上,改变手术刀“Z轴旋转角度”为“-90”,调整其大小位置如下图

3.3-30_.png


图3.3-30
新建“图层2”,在该图层添加一个手指点击的图片素材,同时添加一个文本框,输入文字内容为“按住屏幕,开始手术”,调整字体大小、颜色等属性如下图

3.3-31_.png


图3.3-31
修改“图层0”名称为“底部”,“图层1”名称为“手术刀”,“图层2”名称为“提示”

3.3-32_.png


图3.3-32
选中“手术刀”以及“底部”两个图层的第30帧位置,右键→“插入帧”

3.3-33_.png


图3.3-33
鼠标按住“手术刀”图层的第1帧关键帧将其拖动至第2帧

3.3-34_.png


图3.3-34
选中“手术刀”图层关键帧之后的任意一帧,右键→“插入关键帧动画”

3.3-35_.png


图3.3-35
点击选中“手术刀”图层的最后一帧,将“舞台”上的手术刀移至最上“杀人”位置

3.3-36_.png


图3.3-36
新建“图层3”,在该图层第2帧右键→“插入关键帧”

3.3-37_.png


图3.3-37
将原来的虚线复制一份,粘贴进“图层3”第2帧上,修改线条颜色为红色,线条类型为“实线”

3.3-38_.png


图3.3-38
点击“图层3”关键帧之后的任意一帧,右键→“插入曲线变形动画”

3.3-39_.png


图3.3-39
选择“图层3”第2帧,使用“节点”工具将曲线的最上一个节点向下移至底端

3.3-40_.png


图3.3-40
点击“预览”观察效果,发现红线会随着手术刀向上的动画也向上延伸


3.3-41_.png



图3.3-41
如下图,当手术刀移至“完美”阶段时,时间轴运动到27帧

3.3-42_.png


图3.3-42
鼠标选中“手术刀”和“图层3”的第27帧,右键→“插入关键帧”

3.3-43_.png


图3.3-43
同理,观察到当手术刀移至“及格”阶段时,时间轴运动到19帧

3.3-44_.png


图3.3-44
鼠标选中“手术刀”和“图层3”的第19帧,右键→“插入关键帧”

3.3-45_.png


图3.3-45
为手术刀素材命名为“刀子”

3.3-46_.png


图3.3-46
观察,当手术刀在最底端位置时,其“上”值为“467.6”

3.3-47_.png


图3.3-47
观察,当手术刀在“及格”位置时,其“上”值为“184.9”

3.3-48_.png


图3.3-48
观察,当手术刀在“完美”位置时,其“上”值为“51.9”

3.3-49_.png


图3.3-49
观察,当手术刀在“杀人”位置时,其“上”值为“2”

3.3-50_.png


图3.3-50
如下图,选中“分数”文本框,在其“属性”面板下点击文字内容右边的“关联”按钮,在下拉的关联属性菜单栏下设置
关联对象:“刀子”
关联属性:“上”
关联方式:“自动关联”
当主控量=“467.6”(手术刀在最底端位置)时被控量=“0” 
当主控量=“184.9”(手术刀在“及格”位置)时被控量=“60” 
当主控量=“51.9”(手术刀在“完美”位置)时被控量=“100” 
当主控量=“2”(手术刀在“杀人”位置)时被控量=“0” 

3.3-51_.png


图3.3-51

3.3-52_.png


图3.3-52

为手指点击图像添加一个出现即暂停行为:如下图,点击手指右边的“添加/编辑行为”按钮,在弹出的“编辑行为”对话框中选择“动画播放控制”→“暂停”→触发条件:“出现”

3.3-53_.png


图3.3-53
新建图层“控制层”,并将“图层3”重命名为“红线”

3.3-54_.png


图3.3-54

在“控制层”图层添加一个矩形,调整大小使其符合“舞台”大小,并调整其透明度为“0”

3.3-55_.png


图3.3-55
点击矩形右下角的“添加/编辑行为”按钮,为其添加两个编辑行为:
“动画播放控制”→“播放”→触发条件:“手指按下”
“动画播放控制”→“下一页”→触发条件:“手指抬起”

3.3-56_.png


图3.3-56
新建第3页面,暂时添加一张图片素材

3.3-57_.png


图3.3-57
点击“预览”观察动画效果

3.3-58_.png


图3.3-58
制作第3页:如下图,在第3页添加一个文本框,输入文字内容为“0”,调整文字大小、颜色、位置等。点击文字内容右边的“关联”按钮,设置关联属性
关联对象:“分数”
关联属性:“文本取值”
关联方式:“公式关联”
被控量=“关联属性”
即设置了该文本的取值等于第2页“分数”文本取值

3.3-59_.png


图3.3-59
点击“舞台”上的图片元素,右键→“转换为元件”

3.3-60_.png


图3.3-60
双击该元件进入“元件1”编辑页面。在“元件1”编辑页面中,点击时间轴上第4帧,右键→“插入帧”

3.3-61_.png


图3.3-61
点击图片元件的“添加/编辑行为”按钮,在弹出的“编辑行为”对话框中选择“动画播放控制”→“暂停”→触发条件:“出现”

3.3-62_.png


图3.3-62
同时选中时间轴上的2、3、4帧,右键→“插入关键帧”

3.3-63_.png


图3.3-63
在第2帧上点击“属性”面板下的“编辑”按钮,在弹出的“媒体库”中选择所需的图片素材,点击“添加”,替换原有的图片

3.3-64_.png


图3.3-64


3.3-65_.png


图3.3-65
同理,替换第3、4帧上的图片


3.3-66_.png


图3.3-66

3.3-67_.png


图3.3-67
点击回到“舞台”,将元件命名为“评判”

3.3-68_.png


图3.3-68
点击到第2页面,点击“控制层”上矩形的“添加/编辑行为”按钮

3.3-69_.png


图3.3-69
在“编辑行为”对话框中点击添加四个“跳转到帧并停止”行为:“动画播放控制”→“跳转到帧并停止”

3.3-70_.png


图3.3-70
修改“触发条件”为“手指抬起”,依次填写描述为“100分”“80”“60”“死”

3.3-71_.png


图3.3-71
点击“100分”行为的“编辑”按钮

3.3-72_.png


图3.3-72
设置“参数”
帧号:“3”
作用对象:“评判”
执行条件:“检查元素状态”
元素名称:“分数”
考察属性:“文本取值”
逻辑条件:“小于等于”
参考值:“100”,点击“确认”

3.3-73_.png


图3.3-73
同理点击“80”行为的“编辑”按钮

3.3-74_.png


图3.3-74
设置“参数”
帧号:“2”
作用对象:“评判”
执行条件:“检查元素状态”
元素名称:“分数”
考察属性:“文本取值”
逻辑条件:“小于等于”
参考值:“80”,点击“确认”

3.3-75_.png


图3.3-75
同理点击“60”行为的“编辑”按钮

3.3-76_.png


图3.3-76
设置“参数”
帧号:“1”
作用对象:“评判”
执行条件:“检查元素状态”
元素名称:“分数”
考察属性:“文本取值”
逻辑条件:“小于等于”
参考值:“60”,点击“确认”

3.3-77_.png


图3.3-77
同理点击“死”行为的“编辑”按钮

3.3-78_.png


图3.3-78
设置“参数”
帧号:“4”
作用对象:“评判”
执行条件:“检查元素状态”
元素名称:“刀子”
考察属性:“上”
逻辑条件:“小于等于”
参考值:“51”(手术刀在“完美”左右位置),点击“确认”

3.3-79_.png


图3.3-79
注意:Mugeda的行为逻辑是从上往下的顺序执行的,我们首先会执行“播放”的行为,然后是“跳转下一页”的行为,其次是100分的“跳转到帧并停止”行为,同理依次执行其他行为。若中间有一个行为条件不满足,则不会继续执行下一行为。

3.3-80_.png


图3.3-80
点击“预览”观察动画效果

3.3-81_.png


图3.3-81
制作“再来一次”按钮:在第3页面添加按钮素材,添加文本框,输入文本框内容为“再来一次”

3.3-82_.png


图3.3-82
点击“再来一次”文本框的“添加/编辑行为”按钮,在弹出的“编辑行为”对话框中选择“动画播放控制”→“跳转到页”→触发条件:“点击”,点击“编辑”按钮

3.3-83_.png


图3.3-83
在“参数”对话框中填写帧号为“1”,点击“确认”

3.3-84_.png


图3.3-84
回到“编辑行为”对话框后再加一个行为:“属性控制”→“改变元素属性”→触发条件:“点击”,点击“编辑”按钮

3.3-85_.png


图3.3-85
设置“参数”
元素名称:“分数”
元素属性:“文本取值”
赋值方式:“用设置的值替换现有值”
取值:“0”
点击“确认”
即设置重来一次时将原先的分数值清零行为

3.3-86_.png


图3.3-86
点击到第1页面,点击“开始游戏”按钮的“添加/编辑行为”按钮,在“编辑行为”对话框中设置“跳转下一页”“禁止翻页”两个编辑行为
“跳转下一页”行为:“动画播放控制”→“下一页”→触发条件:“点击”
“禁止翻页”行为:“动画播放控制”→“禁止翻页”→触发条件:“出现”

3.3-87_.png


图3.3-87

3.3-88_.png


图3.3-88
点击“预览”动画效果

3.3-89_.png

 

3.3.1 游戏测试:手速测试

mingyueliu 发表了文章 • 0 个评论 • 197 次浏览 • 2016-10-10 17:01 • 来自相关话题

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

添加素材:

新建“背景”图层添加背景图片素材、文本框素材、圆圈素材
新建“按钮”图层添加拍照按钮图片素材
新建“宇航员”图层添加宇航员图片素材
调整各个素材大小、位置如下图,输入文本框内容 查看全部
想要了解更多Mugeda功能?>>>猛戳我,学习更多教程​
 
本节视频教程请点击此处。

添加素材:

新建“背景”图层添加背景图片素材、文本框素材、圆圈素材
新建“按钮”图层添加拍照按钮图片素材
新建“宇航员”图层添加宇航员图片素材
调整各个素材大小、位置如下图,输入文本框内容为“0”

3.3-1_.png


图3.3-1
为各个素材命名:
命名文本框素材为“分数”
命名宇航员图片素材为“宇航员”

3.3-2_.png


图3.3-2

3.3-3_.png


图3.3-3

如下图,新建“控制”图层,添加一个定时器,将其移至“舞台”之外,在定时器“属性”面板内设置相关属性:
精度:“毫秒”
记时方向:“倒计时”
是否循环:“循环”
不可见时:“暂停记时器”
长度:“3”秒

3.3-4_.png


图3.3-4
命名定时器为“up”

3.3-5_.png


图3.3-5
移动宇航员图片至“舞台”上方,在其“属性”面板下点击“上”属性右边的“关联”按钮,在下拉关联属性菜单下设置
关联对象:“up”
关联属性:“文本取值”
关联方式:“自动关联”
当主控量=“3”时被控量=“-200”(宇航员在“舞台”上方的位置)
当主控量=“0”时被控量=“541”(宇航员在“舞台”下方的位置)

3.3-6_.png


图3.3-6
点击“预览”观察效果

3.3-7_.png


图3.3-7
点击“随机数”按钮,在“舞台”上添加一个随机数,为其命名为“角度”

3.3-8_.png


图3.3-8
调整随机数的最大值、最小值分别为“-90”“90”,更新间隔为“3”秒

3.3-9_.png


图3.3-9
选中“宇航员”,在其“属性”面板下点击“Z轴旋转”属性右边的“关联”按钮,在下拉关联属性菜单下设置
关联对象:“角度”
关联属性:“文本取值”
关联方式:“公式关联”
被控量=“关联属性”
即设置了“宇航员”每次的Z轴旋转角度与随机数的文本取值相等

3.3-10_.png


图3.3-10
选中文本框,在其“属性”面板下点击字体内容右边的“关联”按钮,在下拉的关联属性菜单栏内设置
关联对象:“宇航员”
关联属性:“上”
关联方式:“自动关联”
当主控量=“75”时被控量=“0” 
当主控量=“175.7”(宇航员在圆圈正中心位置)时被控量=“100” 
当主控量=“275”时被控量=“0”,设置分数与“宇航员”位置相关 

3.3-11_.png


图3.3-11
点击“预览”观察效果

3.3-12_.png


图3.3-12
可点击“保存”

3.3-13_.png


图3.3-13
选中所有图层的第2帧,右键→“插入帧”

3.3-14_.png


图3.3-14
点击“控制”图层的第2帧,右键→“插入关键帧”

3.3-15_.png


图3.3-15
选中第2帧上的两个控制元素,右键→“删除物体”

3.3-16_.png


图3.3-16
点击拍照图片按钮右边的“添加/编辑行为”按钮

3.3-17_.png


图3.3-17
在“编辑行为”对话框中添加“跳转下一帧”以及“暂停”两个行为
“跳转下一帧”行为:“动画播放控制”→“下一帧”→触发条件:“点击”
“暂停”行为:“动画播放控制”→“暂停”→触发条件:“出现”

3.3-18_.png


图3.3-18
选中“按钮”图层第2帧,右键→“插入关键帧”

3.3-19_.png


图3.3-19
删除“按钮”图层第2帧上的拍照按钮图片素材

3.3-20_.png


图3.3-20
同时,在“按钮”图层第2帧上点击添加一个文本框素材,输入文字内容“再来一次”,调整文本框大小、位置、字体、颜色等属性

3.3-21_.png


图3.3-21
点击“再来一次”文本框“添加/编辑行为”按钮,进入“编辑行为”对话框,选择“动画播放控制”→“上一帧”→触发条件:“点击”

3.3-22_.png


图3.3-22
同理,添加“改变元素属性”编辑行为:“属性控制”→“改变元素属性”→触发条件:“点击”,点击“编辑”按钮

3.3-23_.png


图3.3-23
设置“参数”为
元素名称:“分数”
元素属性:“文本取值”
赋值方式:“用设置的值替换现有值”
取值:“0”
点击“确认”

3.3-24_.png


图3.3-24
点击“预览”观察效果

3.3-25_.png


图3.3-25