问题答疑

问题答疑

提出您在创作作品时遇到的问题和疑惑
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版本更新1229:首页全新改版/增加昵称的功能

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

点我立即体验

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





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

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





  查看全部
点我立即体验

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

首页.png

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

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


2.png

 

两种在标题中显示数量的方法(在作品中实时获取浏览量信息的方法)

13314435299 回复了问题 • 4 人关注 • 1 个回复 • 332 次浏览 • 2016-12-31 10:38 • 来自相关话题

【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官方客服服务时间

mingyueliu 发表了文章 • 2 个评论 • 276 次浏览 • 2016-12-01 15:43 • 来自相关话题

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





 (点击查看大图)

客服电话:010-53384810 
投诉电话:13910105388 (如果您对Mugeda客服服务有任何想法和建议,欢迎致电)
Mugeda官方客服服务时间如下:

1.png

 (点击查看大图)

客服电话:010-53384810 
投诉电话:13910105388 (如果您对Mugeda客服服务有任何想法和建议,欢迎致电)

【原创分享】同一物体的两种变量关联

15639029798 回复了问题 • 3 人关注 • 2 个回复 • 251 次浏览 • 2016-12-08 18:41 • 来自相关话题

【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 • 来自相关话题

【公告】Mugeda更新39个超实用H5单页模板,全部免费使用

mingyueliu 发表了文章 • 7 个评论 • 967 次浏览 • 2016-11-16 15:37 • 来自相关话题

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

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

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

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

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

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

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

热门案例图片.jpg

 
2、加载页

加载图片.jpg

 
3、幻灯片

幻灯片图片.jpg

 
4、交互

交互图片.jpg

 
5、滑动/拖拽

滑动/拖拽.jpg

 
6、可定制内容

可定制图片.jpg

 
7、插入内容

插入内容图片.jpg

 
8、陀螺仪

陀螺仪图片.jpg

 
9、逻辑判断

逻辑判断图片.jpg

 
如何使用单页模板?

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

使用模板方法.png

(点击图片查看大图)

【代码入门】如何在mugeda中,实现H5作品和外部 网页之间实现数据连接

qq1f07c 发表了文章 • 8 个评论 • 402 次浏览 • 2016-11-11 17:24 • 来自相关话题

先看案例






这个案例核心点在于,如何将在H5中输入的 数据传递到外部网页中。本人曾尝试过无代码去实现,但是结果不是很理想,没能达到在两者之间实时传递数据的效果 。
最终做出这个案例觉得还是用代码比较方便一点。用代码的话,其实方法很简单
逻辑分析,该类案例简单点说就是如何将输入的信息与查询 查看全部
先看案例

微信截图_20161111164116.png


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


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


微信截图_20161111170614.png



注意:一定不要忘了“http://”这个前缀。
剩下就是见证奇迹的时刻了 :
微信截图_20161111170904.png


在上方代码编辑框输入
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;
});
});

截图.png


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



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

如何在mugeda上无代码实现倒计时(天、时、分、秒)

qq1f07c 发表了文章 • 1 个评论 • 354 次浏览 • 2016-11-08 21:10 • 来自相关话题

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


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


QQ截图20161109152350.jpg

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


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

案例课程/实用教程(小人H5,用mugeda做游戏)

totalacg 回复了问题 • 3 人关注 • 1 个回复 • 336 次浏览 • 2016-11-08 17:46 • 来自相关话题

【高级互动】如何用木疙瘩做游戏?

totalacg 发表了文章 • 1 个评论 • 525 次浏览 • 2016-11-04 12:34 • 来自相关话题

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













1.休闲游戏大合集
2.神射手
3.抓蝴蝶
4.炒茶大师
5.像素鸟
查看全部
在众多H5作品中,游戏无疑是最吸引人的类型!而木疙瘩强大的行为功能合集已经足够实现大部分的游戏功能了,这里将分享一下 如何用木疙瘩来做游戏!
首先我们来看看木疙瘩目前都有哪些优秀的游戏案例吧!
111.jpg
222.jpg
333.jpg
444.jpg

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​

技术常见问题汇总目录

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 发表了文章 • 7 个评论 • 2123 次浏览 • 2016-09-18 15:01 • 来自相关话题

强烈建议Mu友们“关注”哦,在文章的右上角点击“关注”即可。每周更新

1.1Mugeda是什么?
1.2.1 快速入门:上传、添加素材
1.2.2 快速入门:添加预置动画
1.2.3 快速入门:在时间轴上制作关键帧动画
1.2.4 快速入门:制作翻页动画
1.2.5 快速入门: 添加背景音乐
1. 查看全部
强烈建议Mu友们“关注”哦,在文章的右上角点击“关注”即可。每周更新

1.1Mugeda是什么?
1.2.1 快速入门:上传、添加素材
1.2.2 快速入门:添加预置动画
1.2.3 快速入门:在时间轴上制作关键帧动画
1.2.4 快速入门:制作翻页动画
1.2.5 快速入门: 添加背景音乐
1.3 快速入门:快速制作一个摇一摇随机出现结果的H5测试题
​1.4.1 快速入门:H5作品相关设置-加载、文档信息
1.4.2 快速入门:发布作品
​1.51 快速入门:学会使用Mugeda模板
1.52 快速入门:付费会员如何使用模板

1.6.1 作品创建前必读:手机屏幕适配方法
1.6.2 作品创建前必读: 图片的处理
​1.6.3 作品创建前必读: 声音及视频处理
1.6.4 作品创建前必读:屏幕适配设置(渲染模式、自适应、发布模式、旋转模式)
 
​2.1.1 Mugeda界面与舞台:界面概览
2.1.2 Mugeda界面与舞台:菜单栏
2.1.3 Mugeda界面与舞台:快捷工具栏
2.1.4 Mugeda界面与舞台:时间轴
2.1.5 界面与舞台:工具条
​2.1.6 界面与舞台:页面栏
2.1.7 界面与舞台:什么是舞台?
2.1.8 界面与舞台:属性面板
2.1.9 界面与舞台:缩放功能
2.1.10 界面与舞台:翻页的相关设置
2.1.11 界面与舞台:关键帧和页面的命名
2.1.12 界面与舞台:加载的相关设置
2.1.13 界面与舞台:物体属性设置
2.1.14 界面与舞台:元件界面介绍
 
2.2.1 素材与媒体:图片/图片序列/GIF/PNG/SVG/JPG等
2.2.2 素材与媒体:文本/富文本
2.2.3 素材与媒体:网页
2.2.4 素材与媒体:幻灯片
2.2.5 素材与媒体:视频
2.2.6 素材与媒体:声音
2.2.7 素材与媒体:绘制素材
2.2.8 素材与媒体:云字体
2.2.9 素材与媒体:可视化图表
2.2.10 素材与媒体:建组 、裁剪组
2.2.11 素材与媒体:虚拟现实/全景组件的用法
2.2.12 素材与媒体:粘贴第三方文字和图片
2.2.13 素材与媒体:常用编辑操作—锁定物体
2.2.14 素材与媒体:常用编辑操作—节点工具
2.2.15 素材与媒体:常用编辑操作—路径工具
2.2.16 素材与媒体:常用编辑操作—排列、对齐、变形、组合、合并功能
2.2.17 素材与媒体:常用编辑操作—转换为元件
2.2.18 素材与媒体:导入PSD及注意事项
2.2.19 素材与媒体:声音和视频的压缩
 
2.3.1 动画:时间轴以及图层
2.3.2 动画:选择工具
2.3.3 动画:关键帧动画
2.3.4 动画:路径动画
2.3.5 动画:进度动画
2.3.6 动画:变形动画
2.3.7 动画:预置动画
2.3.8 动画:元件动画
2.3.9 动画:分页/加载页
2.3.10 动画:遮罩
2.3.11 动画:动画运动
2.3.12 动画:标尺和辅助线的用法
2.3.13 动画:复制帧粘贴帧
 
2.4.1 行为:行为添加以及触发事件
2.4.2 行为:帧的行为
2.4.3 行为:页的行为
2.4.4 行为:播放元件片段
2.4.5 行为:改变元素属性
2.4.6 行为:改变图片
2.4.7 行为:设置定时器
2.4.8 行为:手机事件
2.4.9 行为:视频控制
2.4.10 行为:声音控制
2.4.11 行为:录制声音
2.4.12 行为:选择上传图片
2.4.13 行为:修改图表数据
2.4.14 行为:提交表单
2.4.15 行为:定义分享信息
2.4.16 行为:设置背景音乐
2.4.17 行为:跳转链接
2.4.18 行为:使用自定义回调函数

2.5.1 行为:陀螺仪
2.5.2 行为:定时器
2.5.3 行为:随机数
2.5.4 行为:擦玻璃
2.5.5 行为:绘画板功能
2.5.6 行为:点赞
 
2.6.1 微信功能:微信头像
2.6.2 微信功能:微信昵称
2.6.3 微信定制:定制图片
2.6.4 微信定制:录制用户声音
2.6.5 微信功能:定义分享信息
 
2.7.1 表单:输入文字(输入框)
2.7.2 表单:单选框
2.7.3 表单:多选框
2.7.4 表单:下拉菜单(列表框)
2.7.5 表单:表单提交
2.7.6 表单:默认表单/定制文字
 
2.8.1 关联绑定:动画关联
2.8.2 关联绑定:属性关联
2.8.3 关联绑定:自动关联
2.8.4 关联绑定:公式关联

2.9.1 API的应用:在动画中添加代码
2.9.2 API的应用:Mugeda API的整体结构
2.9.3 API的应用:Mugeda对象
2.9.4 API的应用:scene对象
2.9.5 API的应用:aObject对象
2.9.6 API的应用:工具API
2.9.7 API的应用:获取Mugeda后台数据
2.9.8 API的应用:使用自定义回调函数
2.9.9 API的应用:将Mugeda部署在第三方服务器

2.10.1 判断:条件判断
2.10.2 判断:逻辑表达式判断
2.10.3 判断:多种逻辑表达式的写法
 
3.1.1 展示动画:邀请函
3.1.2 展示动画:招聘
3.1.3 展示动画:简历
3.1.4 展示动画:贺卡
3.1.5 展示动画:公司广告
 
3.2 UI原型:图标动效
 
3.3.1 游戏测试:手速测试
3.3.2 游戏测试:手术刀
3.3.3 游戏测试:选择题
3.3.4 游戏测试:随机测试
3.4.1 微信定制 :和宝宝聊天
3.4.2 微信定制 :和奥运冠军合影

【Mugeda作品发布后的分享】如何在微信及网页展示已发布的作品
【Mugeda新功能教程】最新上线的小功能
【Mugeda统计数据】浏览量和用户数以及传播来源,传播层级,事件统计
【Mugeda专业版】团队管理/协同管理/添加子账号/管理账号/共享素材/共享源文件

持续更新中……
 

其他实用教程:请点击查看  Mu友友情贡献

【高级互动】如何用木疙瘩做游戏?    作者:Total恺 
 
查看定制的图片地址(代码脚本)      作者:zhongyue
 
转发后保留文本内容​(代码脚本)       作者:zhongyue
 
用回调函数跳转链接以及弹出默认系统提示(代码脚本)    作者:zhongyue
 
分享后将一个物体移动到画面里面来(代码脚本)               作者:zhongyue
 
【代码入门】如何在mugeda中,实现H5作品和外部 网页之间实现数据连接    作者:qq1f07c

如何在mugeda上无代码实现倒计时(天、时、分、秒)       作者:qq1f07c
 
使用回调函数跳转链接以及弹出默认系统提示          作者:zgs
 
分享后的行为代码          作者:zgs
 
两种在标题中显示数量的方法(在作品中实时获取浏览量信息的方法)    作者:zgs
【代码分享】贴边UI功能!               作者: Total恺 

 
点击这里学习Mu友提供的实用攻略

[Mugeda公告]报价页面升级:存储空间/作品数量免费增加一倍

回复

Kingsley 发起了问题 • 3 人关注 • 0 个回复 • 592 次浏览 • 2016-09-09 14:41 • 来自相关话题

新手必读:30秒帮助你快速学习Mugeda

Kingsley 发表了文章 • 1 个评论 • 310 次浏览 • 2016-09-07 11:30 • 来自相关话题

一、新手入门必学课程
   1.基础视频课程:立即学习
   2.案例录播课程(每周三更新):开始学习
   3.经典案例课程:立即学习
   4.百科全书(技术文档):立即查看

二、问题答疑
   1.直播答疑(工作日:10:00——11:00):立即报名
   2.可以在论坛通过“关键词”搜索 查看全部
一、新手入门必学课程
   1.基础视频课程:立即学习
   2.案例录播课程(每周三更新):开始学习
   3.经典案例课程:立即学习
   4.百科全书(技术文档):立即查看

二、问题答疑
   1.直播答疑(工作日:10:00——11:00):立即报名
   2.可以在论坛通过“关键词”搜索相关问题,自己寻找答案,如:搜“声音”。若无相关问题,你可以发起“提问”,等待老师来解答。
(问题包含不限于“关于Mugeda的所有技术问题,付费,发票,活动,培训,建议,新功能需求,bug等等”)                   
   新手提问建议:立即查看
   3.技术精华问题汇总:立即查看 

三、申请成为设计师立即申请
 
四、免费使用模版,一对一技术答疑立即申请
 
 

添加与删除素材元素(图片、文本、矩形、圆角矩形、椭圆等)

mingyue 发表了文章 • 0 个评论 • 443 次浏览 • 2016-09-02 17:55 • 来自相关话题

如何添加与删除素材元素(图片、文本、矩形、圆角矩形、椭圆等)?

Mugeda动画的中的内容都是以各种元素的形式组成的。
 
对于添加到舞台上的元素:
1、我们可以在时间线上添加动画;
2、可以在属性对话框中修改相应属性;
3、可以在脚本中通过名字获取到该元素对象,通过Javascript代码,通过 查看全部
如何添加与删除素材元素(图片、文本、矩形、圆角矩形、椭圆等)?

Mugeda动画的中的内容都是以各种元素的形式组成的。
 
对于添加到舞台上的元素:
1、我们可以在时间线上添加动画;
2、可以在属性对话框中修改相应属性;
3、可以在脚本中通过名字获取到该元素对象,通过Javascript代码,通过Mugeda API 操作该元素从而完成更加丰富多彩的内容;
(添加元素和修改其属性,给元素添加动画和通过脚本操作元素将会其他章节中有详细介绍)

Mugeda支持的元素类型有图片、文本、矩形、圆角矩形、椭圆等。
对于除了图片以外的元素类型,都可以通过在工具栏中选中所需元素对象,然后单击或者拖动到舞台上来添加。
后面分别介绍添加各种类型对象的方法。

home.png


从工具栏中选择所需的对象,然后单击或拖动以添加到舞台上。

2.png


添加图片的方法有:从本地文件获取、从网页获取、批量上传三种。

1、点击上图标示的图片元素按钮,打开上传图片对话框。点击“上传文件”选项来从本地文件上传图片。

3.png


2、还可以选择“输入网址”选项来网页获取图片

4.png


3、选择“批量上传”选项,可以通过拖拽的方式从本地一次上传一或多张图片

5.png


4、一旦图片上传,点击选择按钮就可以将图片添加到舞台上

6.png


注意:
  • 已经上传的图片可以在图片素材库中重复使用
  • 在图片库中双击图片或选中后点击添加图片,可以将选中的图片添加到舞台上



7.png


可以通过点击文本按钮,通过舞台上点击或者直接拖动来添加文本元素。然后可以在属性对话框中进一步编辑其参数,包括文字、颜色、位置、宽高、对齐方式、字号等等。

8.png


通过矩形、圆角矩形、椭圆按钮可以将相应的图形元素添加到舞台上,同样可以在属性对话框中进一步编辑其参数。各种元素的属性种类略有不多,比如只用文本类型才有文字的属性。

对于已经添加到舞台上的元素,可以点击“选择”按钮以后,在舞台上点击该元素来选中它。

9.png


可以通过拖动的方式选中一个或多个元素。

10.png


可以按下Ctrl建点击各个元素来同时选择多个对象。

11.png


点击“变形”按钮后,通过拖动对象周围的某一控制点来缩放对象。

12.png


通过拖动旋转节点可以旋转对象。

13.png


对象的大小、位置、旋转、透明度等属性也可以在属性对话框中编辑。

删除素材库里的素材:
 
1、在IDE中,点击素材库图标,进入管理界面删除,如下图
 
14.png


2、进入用户初始界面,通过“素材管理”菜单对用户私有素材进行删除或添加。(如下图)
 
15.png


注意:当你素材库的内容应用于所创建作品时,删除该素材会导致作品中素材丢失,但对发布后的作品链接无影响。

更多学习内容:
使用Mugeda创建第一作品(做一个h5)

这两天刷屏的"里约大冒险"(小人)H5,没想到用Mugeda5分钟就做出来了……

mingyue 发表了文章 • 1 个评论 • 730 次浏览 • 2016-09-01 15:56 • 来自相关话题

这两天小编收到各种私信,“这种用Mugeda 能做吗”?











网易哒哒出品的这个H5,在奥运这场营销竞赛中拔得头筹:个性强、有故事性、交互有意思,一上线就吸睛无数!

仔细研究下,这个H5的技术难点就在于“如何让用户自由绘制的小人,在后面的场景中做运动”?

不信吧?这个难点用 查看全部
这两天小编收到各种私信,“这种用Mugeda 能做吗”?

9.gif


8.png


网易哒哒出品的这个H5,在奥运这场营销竞赛中拔得头筹:个性强、有故事性、交互有意思,一上线就吸睛无数!

仔细研究下,这个H5的技术难点就在于“如何让用户自由绘制的小人,在后面的场景中做运动”?

不信吧?这个难点用Mugeda制作只需要三步:(点图片看高清版)

(1)      第一帧,在舞台上放入画布功能

1.png


A.画布的底色、宽高等在右侧属性栏里设置

B.给画布在右侧的属性栏命名“小人”

(2)新建一页绘制一个方框(小人的运动范围)

2.png


3.png


A.给方框新建一段关键帧动画

B.给方框在右侧的属性栏命名“动画”

(3)在第一页的位置插入“完成按钮”


4.png


5.png


A.给按钮添加“点击播放下一页”行为

B.给按钮添加改变图片行为,用命名的画布(“小人”)替代命名的方框(“动画”),即源元素替代目标元素。

原理就是这样,是不是敲简单!而且已经有Mu友用这个原理,做了一个更酷的!感谢Mu友:手冢治

6.png


7.png


相关案例:
 
南山双创大冒险   作者:微盐

南山双创大冒险.jpeg


1.jpeg