问题答疑

问题答疑

提出您在创作作品时遇到的问题和疑惑
培训教程

培训教程

线上直播、线下培训、视频教程
原创分享

原创分享

分享您的原创作品,创作经验,操作技巧
BUG反馈

BUG反馈

反馈您在使用Mugeda时遇到的BUG
新功能需求

新功能需求

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

【直播课报名】6月28日10:00,案例课《长图拖动类H5制作》

songyue 发表了文章 • 0 个评论 • 5031 次浏览 • 2017-06-22 15:41 • 来自相关话题

点击此处报名
 
Mugeda直播大课堂形式为直播,课程内容分为两部分:  
1、在线客服支持 
时间:每周一、二、四、五,上午10:00-11:00, 
在使用Mugeda过程中遇到任何问题可在本时段进入教室发问。
 
2、案例精讲 
时间:每周三,上午10:00-11:00, 
帮助新手快速晋级 查看全部
小课表0622.jpg

点击此处报名
 
Mugeda直播大课堂形式为直播,课程内容分为两部分:  
1、在线客服支持 
时间:每周一、二、四、五,上午10:00-11:00, 
在使用Mugeda过程中遇到任何问题可在本时段进入教室发问。
 
2、案例精讲 
时间:每周三,上午10:00-11:00, 
帮助新手快速晋级,作出完整又惊艳的H5作品。
 
本次案例课程 
6月28日 10:00-11:00
anli_副本.png

 
扫一扫看案例
QY_副本.png

 
需要素材请加Mugeda交流QQ群475633109,私信班主任获得。   

点击此处报名
 

【设计师认证结果公布】激动人心的一刻,快来看看有没有你!

songyue 发表了文章 • 0 个评论 • 3283 次浏览 • 2017-06-21 12:04 • 来自相关话题

滑动下方看大图,快来看看有没有你!





 
•在这里为各位设计师打个广告,对他们感兴趣的,可以私下跟他们联系哦: 
1、咖墨创意  点击这里看他的空间
2、陶若恺  点击这里看他的空间
3、李恒昌  点击这里看他的空间 
4、陈孟飞  点击这里看他的空间 
5、张盼  点击这里看他的空间 
查看全部
滑动下方看大图,快来看看有没有你!

认证设计师长图.jpg

 
•在这里为各位设计师打个广告,对他们感兴趣的,可以私下跟他们联系哦: 
1、咖墨创意  点击这里看他的空间
2、陶若恺  点击这里看他的空间
3、李恒昌  点击这里看他的空间 
4、陈孟飞  点击这里看他的空间 
5、张盼  点击这里看他的空间 
6、单世玉  点击这里看他的空间
 
•下次认证何时? 
暂定7月初,认证面向的是Mugeda推荐设计师,即在Mugeda网站的设计师频道已有展示位的设计师人群。 如果你还不是我们的推荐设计师,请点击这里申请。
 
•为什么要成为Mugeda认证设计师?  
通过考试,成为Mugeda认证设计师,你将会得到:  
1、任何时间购买Mugeda企业会员享受8折优惠  
2、在Mugeda平台获得优先展示自己作品和发布付费模版的权利(收入100%归设计师) 
3、在Mugeda平台优先接外包项目
4、可以参加Mugeda认证培训师考试,获得由Mugeda学院提供的高额劳务报酬 
5、推荐高薪就业机会
 
Mugeda认证设计师考试今年会举办5次,具体时间留意官网通知,更多问题可咨询QQ:154065262。
 
 

【Mugeda新功能教程】一口气更新9大功能,告诉你都怎么用!

songyue 发表了文章 • 0 个评论 • 5047 次浏览 • 2017-06-20 18:09 • 来自相关话题

本次Mugeda(正式版)前所未有地更新了9大功能,为了方便大家第一时间掌握用法,文档/视频教程一并奉上!
 
1、辅助线功能 
点击看文档教程
 
2、改变行为属性增加边框颜色和填充色 
点击看文档教程
 
3、滤镜效果 
点击看文档教程 
点击看视频教程
 
4、首页加载的静态导出 
点击看文档 查看全部
本次Mugeda(正式版)前所未有地更新了9大功能,为了方便大家第一时间掌握用法,文档/视频教程一并奉上!
 
1、辅助线功能 
点击看文档教程
 
2、改变行为属性增加边框颜色和填充色 
点击看文档教程
 
3、滤镜效果 
点击看文档教程 
点击看视频教程
 
4、首页加载的静态导出 
点击看文档教程  
 
5、投票、抽奖实时数据管理 
点击看文档教程  
 
6、文字变形动画 
点击看文档教程 
点击看视频教程  
 
7、运动曲线编辑 
点击看文档教程 
点击看视频教程
 
8、计数器组件 
点击看文档教程  
 
9、屏幕适配范围与安全框 
点击看文档教程 
点击看视频教程
 
全部视频文档会在近期更新完毕,请大家留意官网教程页面(http://cn.mugeda.com/help.php)  
 
Mugeda百科全书以后会转移,点击这里获取,兼搜索功能和评论功能,在PC和手机都能看,更方便学习,大家可以收藏一下。
 
扫一扫把Mugeda百科全书装进手机

下载_(1).png



 

【直播课报名】6月21日10:00,案例课《特朗普打脸之旅》

songyue 发表了文章 • 0 个评论 • 3122 次浏览 • 2017-06-15 16:52 • 来自相关话题

 点击此处报名报名
 
本周起,Mugeda直播大课堂有重大更新!课程内容分为两部分:  
1、在线客服支持 
时间:每周一、二、四、五,上午10:00-11:00, 
在使用Mugeda过程中遇到任何问题可在本时段进入教室发问。
 
2、案例精讲 
时间:每周三,上午10:00-11:00, 
查看全部

首页-本周课程.jpg

 点击此处报名报名
 
本周起,Mugeda直播大课堂有重大更新!课程内容分为两部分:  
1、在线客服支持 
时间:每周一、二、四、五,上午10:00-11:00, 
在使用Mugeda过程中遇到任何问题可在本时段进入教室发问。
 
2、案例精讲 
时间:每周三,上午10:00-11:00, 
帮助新手快速晋级,作出完整又惊艳的H5作品。
 
 
本次案例课程 
6月21日 10:00-11:00
IMG_8745_副本.png

 
扫一扫看案例
下载_副本.png

 
需要素材请加Mugeda交流QQ群 475633109,私信班主任获得。   
 
点击此处报名

 

私有存储帮助文档

13718976207 发表了文章 • 0 个评论 • 2416 次浏览 • 2017-05-04 16:19 • 来自相关话题

【公告】Mugeda首批认证培训师名单公布

songyue 发表了文章 • 0 个评论 • 3655 次浏览 • 2017-04-25 09:31 • 来自相关话题

 
(点击查看大图)
 
获奖名单_副本.jpg

 
(点击查看大图)
 

【Mugeda新功能】连线组件的使用

songyue 发表了文章 • 0 个评论 • 9153 次浏览 • 2017-04-19 10:49 • 来自相关话题

连线组件用来在一些特定场合(例如教育类测试课件)的内容中允许用户用连线来连接两个元素,从而实现特定的交互效果。下面用实例来说明如何使用连线组件。
 
示例地址: http://b13b5c18.u.mgd5.com/cam ... .html 
编辑地址: http://beta.mugeda.co 查看全部
连线组件用来在一些特定场合(例如教育类测试课件)的内容中允许用户用连线来连接两个元素,从而实现特定的交互效果。下面用实例来说明如何使用连线组件。
 
示例地址: http://b13b5c18.u.mgd5.com/cam ... .html 
编辑地址: http://beta.mugeda.com/animation/edit/c36da7fa
 
1、首先在工具栏选择连线组件。
image001.png

在舞台上绘制连线组件,和绘制直线是一样的。区别是: 
*连线元素绘制后,具有自身的一些特殊属性(下面会提到); 
*绘制在舞台上的连线,只是代表了连线时的初始位置,用于给用户提示;
 
2、绘制好后,可以对其进行属性配置。
image003.png

 
各个属性说明如下: 
1) 显示端点提示:是否在连线的端点提供一个脉动的圆形动画提示用户连线; 
2) 提示颜色:端点提示的颜色; 
3) 允许多线链接:打开之后连线允许同时停留在多个停靠位置 
4) 停靠位置:希望连线连接成功的命名元素的列表。连线只能和列表里面的元素连接成功;
 
在渲染的时候,可以用鼠标(PC)或者手指(手机)按住某一个连线的任意位置拖动连线。当连线的端点靠近了一个设置好的停靠位置时,连线会自动吸附到该停靠位置。这时候如果松开鼠标或者手指,就可以连线成功。连线成功成功后,可以继续拖动连线进行修改。如果一个连线预先设置了多个连线停靠位置,前一个连线成功后,后一个连线会出现在初始位置,提示用户还可以继续连线。直到所有连线都成功为止。
image005.png

 
3、连线的结果可以通过下面的方式来获取(假如连线元素的名称是"连线") 
{{连线}}: 连接成功的第一个命名元素的名称 
{{连线.0}}, {{连线.1}}, {{连线.2}}: 连接成功的第0,1,2个命名元素的名称 
如果连线没有成功,上面的表达式返回空字符串("")。
 
为了支持自动化处理,行为触发条件中增加了“连线完成”。该选项仅对连线元素有效。下图示范了如何利用该条件进行行为处理。
image007.png

 
连线上的行为新增了一个判断条件’停靠物体名称’。如下图所示,这样的设置,让这个行为只是当连线连到’红色2’的这个物体上才会触发。如果停靠物体名称不选择任何物体,那么停靠到所有的停靠物体上面都有效。
image009.png

 
 

【操作说明】如何参与学伴活动?

songyue 发表了文章 • 0 个评论 • 3766 次浏览 • 2017-03-31 11:29 • 来自相关话题

了解到目前很多Mu友不了解学伴计划的使用方法,现将整体流程整理如下。如有问题,可在本帖下进行回复。感谢大家的支持。  
 
本次活动课程:《网易:5笔画一个爱》 
活动时间:5.26-5.28
点击这里马上参与
 
操作说明 
一、电脑QQ 
1、打开活动链接,用手机微信扫描二维码 
2、关注腾讯课 查看全部
了解到目前很多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友们记得留意,不要错过哦!

本月刷屏级H5《真假朋友大质检》,制作方法公开!

songyue 发表了文章 • 0 个评论 • 4848 次浏览 • 2017-03-28 15:44 • 来自相关话题

3月28日的案例课已经讲解了这个刷屏级H5的制作方法,为了方便大家学习和复习,上课的重要知识点整理如下:
 
戳这里看案例
 
视频回放已经上线,点这里开始学习
(注:课程报名后才能观看,报名免费)
 
前期准备:
H5工具:Mugeda(www.mugeda.com)
浏览器:下载Chrome浏览 查看全部
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假的:跳转第三帧出现文字提示及出题
 

【案例教程】13个H5热门案例精讲大放送!每个只要9.9!

songyue 发表了文章 • 0 个评论 • 4904 次浏览 • 2017-01-18 17:56 • 来自相关话题

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

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

 
3、【3D视角】小爷吴亦凡
知识点:陀螺仪、关联动画、视频使用 
1080副本_2.jpg

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

 
5、【小游戏类】拍出惊喜
知识点:随机数、逻辑判断、控制元件 
900拷问啪啪.jpg

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

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

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

 
9、【绘画板功能】里约大冒险
知识点:绘画板功能、元件动画、添加行为
微信-奥运小人.jpg

 
10、【超炫景深】天猫双十一宇宙邀请函
知识点:关联动画结合逻辑判断,制作超炫景深透视效果
腾讯-双11.jpg

 
11、【快闪】仿苹果7发布会超炫快闪
知识点:多种快闪的组合效果,用色块遮盖文字消失
腾讯用图-快闪.jpg

 
12、【小游戏】H5换装小游戏
知识点:手指拖动放下,及多种逻辑表达式的写法
腾讯-女生GDP.jpg

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

 
 

2.1.12 界面与舞台:加载的相关设置

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

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




 
2、样式、提示文字、文字大小均可自由设置,如果设置了动态 查看全部
·想要了解更多Mugeda功能?>>>猛戳我,学习更多教程​
 说明:浏览器100%才能看到加载页面的设置
 
本节视频教程请点击此处。
 
加载页面的制作,具体步骤如下:  
1、加载页面默认是进度条,如图:
1.png

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

3.png

 
3、图片位置,设置的值越大,前景图片的位置越靠下;图片宽度设置的值越小,前景图片的尺寸就越小,如图:
4.png

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

 
5、除了自己制作,还可以从Mugeda模板里添加加载页,如图:
6.png

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

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

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

 

 

2.1.14 界面与舞台:元件界面介绍

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

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




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

 
默认命名为“元件1”,自动进入元件编辑界面,如图:
2.png

 
二、如何把新建元件添加到舞台? 
在元件编辑界面完成编辑后,点击页面回到舞台,如图:
3.png

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

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

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

 
在复制元件,即“元件2”里进行修改,不会影响到“元件1”内的内容 ,如图:
7.png

 
四、新建元件文件夹: 
点击元件面板下方的“新建文件夹”按钮,可以在元件面板里添加文件夹,如图:
8.png

 
文件夹可以方便的对元件、视频、音频等进行管理,如图:
9.png

 
五、导出元件:
点击元件面板下方的“导出”按钮,如图:
10.png

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

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

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

 
七、删除元件:
14.png

 
 

2.1.13 界面与舞台:物体属性设置

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

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




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

 
绘制图形,物体的属性都在右侧查找
2.png

 
2、设置物体大小和坐标:​
3.png


4.png

 
3、设置透明度:​
5.png


6.png

 
输入值的方式更准确
7.png

 
4、线条类型: 
包括实线、点线、虚线、点划线
8.png

 
5、填充:
9.png


10.png

 
6、X、Y、Z轴旋转:
11.png


12.png


7、端点: 
端点只能对在Mugeda绘制的线条进行设置,如图:
13.png

 
8、接合: 
对绘制物体的线条接合处进行设置,如图:
14.png

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


如果只想保留图片造型,可以通过把线条的颜色设置为空,如图:
16.png


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


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


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

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


 

2.1.11 界面与舞台:关键帧和页面的命名

songyue 发表了文章 • 0 个评论 • 4629 次浏览 • 2016-12-08 14:54 • 来自相关话题

·想要了解更多Mugeda功能?>>>猛戳我,学习更多教程​​
 
本节视频教程请点击此处。
 
1、用一个例子来说明,给关键帧命名,并实现跳转功能  
举例:点击右侧的图标(方块、圆、五角星),可以实现跳转到指定帧,具体操作步骤如下:  
 
选择出现红色方框的关键帧,在关键帧处 查看全部
·想要了解更多Mugeda功能?>>>猛戳我,学习更多教程​​
 
本节视频教程请点击此处。
 
1、用一个例子来说明,给关键帧命名,并实现跳转功能  
举例:点击右侧的图标(方块、圆、五角星),可以实现跳转到指定帧,具体操作步骤如下:  
 
选择出现红色方框的关键帧,在关键帧处命名“方块”,鼠标在空白处单击一下,如图:
1.png

 
命名成功后,关键帧上方会出现一个黄色的三角,如图:
2.png

 
同理,给出现蓝色圆形的关键帧命名“圆”,如图:
3.png

 
同理,给出现黄色五角星的关键帧命名“五角星”,如图:
4.png

 
然后依次给右侧图标添加跳转行为,选择红色方块,如图:
5.png

 
添加“跳转到帧并停止”的行为,触发条件为“点击”,如图:
6.png

 
点击编辑,在帧名称里选择“方块”,如图:
7.png

 
注:其他图标的行为添加方式相同,这里就不一一说明了  
 
给关键帧命名的好处:有时候我们要修改动画,删帧或者增帧,这时候如果采用的是跳转帧号的话,就要一个个去修改,很麻烦,给关键帧命名就方便多了。
 
如果既填写了帧号,又填写了帧名称,Mugeda会先找帧号,如图:
8.png

 
2、给页面命名  
Mugeda默认的页面名,以数字升序排列,把鼠标放到页面名处,就可更改页面名称,给第2页重命名为“尾页”,如图:
9.png

 
给红色方框添加“跳转到页”行为,如图:
10.png

 
在编辑里设置参数,页名称设置为“尾页”,如图:
11.png

 
与帧名称不同的是,如果既填写了页号,又填写了页名称,Mugeda会首先去找页名称。

 

2.9.8 行为:使用自定义回调函数

songyue 发表了文章 • 0 个评论 • 5817 次浏览 • 2016-12-08 11:34 • 来自相关话题

想要了解更多Mugeda功能?>>>猛戳我,学习更多教程​​
 Mugeda提供完善的交互行为功能,能够无需代码即可方便的添加丰富的交互行为,例如对动画的控制(播放、暂停、跳转等),提交表单,播放视频,上传图片等。
 
在一些特殊情况下,用户可能希望能够编写自定义函数来处理交互逻辑 查看全部
想要了解更多Mugeda功能?>>>猛戳我,学习更多教程​​
 Mugeda提供完善的交互行为功能,能够无需代码即可方便的添加丰富的交互行为,例如对动画的控制(播放、暂停、跳转等),提交表单,播放视频,上传图片等。
 
在一些特殊情况下,用户可能希望能够编写自定义函数来处理交互逻辑。比如,在一些小游戏内容中,用户可能希望能够实现较为复杂的自定义逻辑来满足游戏的需要。这时候,就可以考虑通过自定义的回调函数来进行处理。本教程将会说明如何定义自己的回调函数来添加自己的代码。
 
使用自定义的回调函数的基本流程是在创作的动画内容中为一个指定的元素添加名为“回调函数”的行为,并为行为指定一种触发方式。然后,就可以在代码编辑器中添加回调函数的定义了。
 
下面举例说明一下。在下面的例子中,我们为一个矩形添加一个点击后移动一个圆形的回调函数。首先生成一个包含有圆形和矩形的一个内容,并将圆形命名为"circle"。如下图所示:
1.png

 
然后选中矩形,并点击矩形右下角的添加行为按钮。
2.png

 
在出现的“编辑行为”对话框中,选择“回调函数”条目。在右侧的“触发条件”中,默认的触发条件即为“点击”。也可以用其它合适的触发条件,比如“向左滑动”,“摇一摇”等。
3.png

 
点击操作中的编辑按钮,编辑回调函数的参数。
4.png

 
下面就可以开始编写回调函数的代码了。首先打开代码窗口。
5.png

 
在代码窗口中输入自定的回调函数实现。下面这段代码的含义是,在舞台上寻找一个叫做"circle"的对象,并把它移动到x=100的位置。 
 
window.moveObject = function (){     
 // 获取名称为name的元素对象     
 var target = mugeda.scene.getObjectByName(name);     
 if(target){         
    // 修改获取的元素的位置         
    target.x = 100;     
 } 
}

6.png

 
回调函数的定义方式为:  
window.functionName = function(object, param1, param2){}
 
注意:  
1) 目前回调函数需要定义在window的全局空间。我们今后会取消这个约束用更加规范的方式来定义回调函数。
2) 回调函数目前携带3个参数:第1个参数是行为触发的API对象,在上面这个例子中,即为矩形的API对象。除此以外,回调函数允许用户指定两个参数,即第2个和第3个参数param1和param2。这两个参数可以在编辑回调函数属性的时候指定。
 
在最简单直接的场景下,用户只需要指定一个回调函数名称,并在代码窗口中提供该函数的定义即可。
 
关于如何在Mugeda内容中使用代码以及API,可以参见如下文档:  
API的应用:在动画中添加代码 
http://bbs.mugeda.com/?/question/305 
 
API的应用:Mugeda API的整体结构
http://bbs.mugeda.com/?/article/282
 
API的应用:Mugeda对象 
http://bbs.mugeda.com/?/question/307 
 
API的应用:scene对象 
http://bbs.mugeda.com/?/article/284 
 
API的应用:aObject对象 
http://bbs.mugeda.com/?/article/285 
 
API的应用:工具API 
http://bbs.mugeda.com/?/article/286 
 
API的应用:获取Mugeda后台数据 
http://bbs.mugeda.com/?/article/390
 
 

2.2.17 素材与媒体:常用编辑操作—转换为元件

songyue 发表了文章 • 0 个评论 • 5349 次浏览 • 2016-11-29 14:43 • 来自相关话题

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

转换为元件,具体操作步骤如下: 
在舞台上绘制一个物体,选中这个物体,单击右键【转换为元件】,如图:




 
双击进去才能对这个元件进行编辑,如图:




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

转换为元件,具体操作步骤如下: 
在舞台上绘制一个物体,选中这个物体,单击右键【转换为元件】,如图:
13.png

 
双击进去才能对这个元件进行编辑,如图:
14.png

 
了解更多常用编辑操作:  
【Mugeda教程】常用编辑操作—锁定物体
【Mugeda教程】常用编辑操作—节点工具
【Mugeda教程】常用编辑操作—路径工具
【Mugeda教程】常用编辑操作—排列、对齐、变形、组合、合并
 

2.2.16 素材与媒体:常用编辑操作—排列、对齐、变形、组合、合并功能

songyue 发表了文章 • 0 个评论 • 6893 次浏览 • 2016-11-29 14:39 • 来自相关话题

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

 1、排列,具体操作步骤如下: 
只能作用于同一图层的不同物体  在
 
同一图层绘制三个方框,选中灰色物体单击右键,选择【排列】—【上移一层】,如图:




 
灰色图形就会把紫色图 查看全部
·想要了解更多Mugeda功能?>>>猛戳我,学习更多教程​
 
本节视频教程请点击此处。

 1、排列,具体操作步骤如下: 
只能作用于同一图层的不同物体  在
 
同一图层绘制三个方框,选中灰色物体单击右键,选择【排列】—【上移一层】,如图:
R.png

 
灰色图形就会把紫色图形盖住,如图:
S.png

 
2、对齐,具体操作步骤如下: 
对齐有左、右、上、下、左右居中(以左右的中心点对齐)、上下居中(以上下的中心点对齐)、均分宽度(间隔的宽度相同)、均分高度(间隔的高度相同)8种方式,如图:
T.png

 
3、变形,具体操作步骤如下:  
为左右翻转和上下翻转,如图:
U.png

 
4、组合,具体操作步骤如下: 
同一图层的不同物体,才可以进行此操作,操作后两个图形会变成一个图形,如图:
V.png

 
组合后双击可以对单个物体进行编辑,如图:
W.jpg

 
5、合并,具体操作步骤如下: 
这个是关于裁剪的一些功能,选中舞台上的两个物体,选择【合并】,如图:
X.png

 
两个图形会合并成一个图形,如图:
Y.png

 
选择【用上层物体裁剪】,效果如图:
Z.png

 
选择【用下层物体裁剪】,效果如图:
11.png

 
选择【相交】,效果如图:
12.png

 
了解更多常用编辑操作:  
【Mugeda教程】常用编辑操作—锁定物体
【Mugeda教程】常用编辑操作—节点工具
【Mugeda教程】常用编辑操作—路径工具
【Mugeda教程】常用编辑操作—转换为元件
 

2.2.15 素材与媒体:常用编辑操作—路径工具

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

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

 路径工具,具体操作步骤如下: 
给物体添加动画后,选中物体单击鼠标右键,选择【路径】—【自定义路径】,如图:




 
可以看到,此时的路径线是直线,即物体做直线运动,如图:


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

 路径工具,具体操作步骤如下: 
给物体添加动画后,选中物体单击鼠标右键,选择【路径】—【自定义路径】,如图:
L.png

 
可以看到,此时的路径线是直线,即物体做直线运动,如图:
M.png

 
选中工具栏中的【节点工具】,可以对物体的运动线路进行自定义,如图:
N.png

 
再次选中物体单击鼠标右键,选择【路径】中【自定义路径】,可以看到路径线变成黑色,还原成直线运动,如图:
O.png

 
若想再次编辑,只需选中物体单击鼠标右键,选择【路径】—【自定义路径】,可以看到路径线变成紫色,如图:
P.png

 
显示和隐藏路径线,可以通过【切换路径显示】来操作,如图:
Q.png

 
了解更多常用编辑操作:  
【Mugeda教程】常用编辑操作—锁定物体
【Mugeda教程】常用编辑操作—节点工具
【Mugeda教程】常用编辑操作—排列、对齐、变形、组合、合并功能
【Mugeda教程】常用编辑操作—转换为元件

2.2.14 素材与媒体:常用编辑操作—节点工具

songyue 发表了文章 • 0 个评论 • 8181 次浏览 • 2016-11-29 14:27 • 来自相关话题

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

节点工具,具体操作步骤如下: 
这个工具,只作用于用Mugeda绘制的图形,对于导入的PNG、JPG不起作用,如图:





选择工具栏的【曲线工具】在舞台上绘制一条曲线,结束时敲击键 查看全部
·想要了解更多Mugeda功能?>>>猛戳我,学习更多教程​
 
本节视频教程请点击此处。

节点工具,具体操作步骤如下: 
这个工具,只作用于用Mugeda绘制的图形,对于导入的PNG、JPG不起作用,如图:
E.png


选择工具栏的【曲线工具】在舞台上绘制一条曲线,结束时敲击键盘“V”,结束绘制,并在属性面板上把填充色设置为空,如图:
F.jpg


选中图形,并选择节点工具,如图:
G.jpg



选中想编辑的节点,单击右键,可【添加节点】【删除选中节点】【重置选中节点】,如图:
H.png


选中节点,控制手柄就可以调整曲线,如图:
I.png


对于选中没有手柄的节点,可单击右键,选择【重置节点】就可以调用出手柄,如图:
J.png

K.png


添加节点快捷键,在选中节点工具状态下,Ctrl+单击鼠标左键 
删除节点快捷键,在选中节点工具状态下,Alt +单击鼠标左键
 

了解更多常用编辑操作:  
【Mugeda教程】常用编辑操作—锁定物体
【Mugeda教程】常用编辑操作—路径工具
【Mugeda教程】常用编辑操作—排列、对齐、变形、组合、合并功能
【Mugeda教程】常用编辑操作—转换为元件

2.2.13 素材与媒体:常用编辑操作—锁定物体

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

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

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

在编辑菜单里,是Mugeda的常用编辑操作,如图:




 
锁定物体,具体操作步骤如下: 
在舞台上绘制两个物体,如图:




 
选择要锁定的物体,【编辑】—【锁定物体】,就把 查看全部
·想要了解更多Mugeda功能?>>>猛戳我,学习更多教程​

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

在编辑菜单里,是Mugeda的常用编辑操作,如图:
A.png

 
锁定物体,具体操作步骤如下: 
在舞台上绘制两个物体,如图:
B.png

 
选择要锁定的物体,【编辑】—【锁定物体】,就把选中物体锁定,不可对其进行编辑,如图:
C.png

 
如果想重新对锁住物体进行编辑,选择【编辑】—【全部解锁】即可,如图:
D.png

 
了解更多常用编辑操作:  
【Mugeda教程】常用编辑操作—节点工具
【Mugeda教程】常用编辑操作—路径工具
【Mugeda教程】常用编辑操作—排列、对齐、变形、组合、合并功能
【Mugeda教程】常用编辑操作—转换为元件

2.3.12 动画:标尺和辅助线的用法

songyue 发表了文章 • 0 个评论 • 7428 次浏览 • 2016-11-29 12:02 • 来自相关话题

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

 标尺和辅助线的用法,具体使用方法如下
 
选择菜单栏,【视图】—【标尺】,即可调出标尺工具,如图:




 
标尺就会显示在舞台上,如图:




 
两侧标尺的绿色线条可以作为 查看全部
·想要了解更多Mugeda功能?>>>猛戳我,学习更多教程​​
 
本节视频教程请点击此处。

 标尺和辅助线的用法,具体使用方法如下
 
选择菜单栏,【视图】—【标尺】,即可调出标尺工具,如图:
1.png

 
标尺就会显示在舞台上,如图:
2.png

 
两侧标尺的绿色线条可以作为我们的辅助线,如图:
3.png

 
移动舞台上的图形时,能看到辅助线,如下图中,当用【选择工具】移动图形时,如果两条辅助线交叉于物体中心,说明物体居于舞台中央,如图:
4.png

 
如果想在舞台上对齐两个物体,可以用【选择工具】对物体进行拖动,如下图中当左侧的绿色辅助线重合时,表明两个物体左对齐,如图:
5.png

 
关闭标尺,辅助线依然存在,移动物体可以看到物体的参考位置,如图:
6.png

1.52 快速入门:付费会员如何使用模板

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

想要了解更多Mugeda功能?>>>猛戳我,学习更多教程​
 具体操作步骤如下:
 1、会员在登录状态,登录模板页面( http://www.mugeda.com/template.php )挑选要用的模板,点击使用按钮,如图:




 
2、出现提示,点击确定,切换到模板列表 查看全部
想要了解更多Mugeda功能?>>>猛戳我,学习更多教程​
 具体操作步骤如下:
 1、会员在登录状态,登录模板页面( http://www.mugeda.com/template.php )挑选要用的模板,点击使用按钮,如图:
1.jpg

 
2、出现提示,点击确定,切换到模板列表中,可以看到选中的模板已经复制到你的模板列表中,并点击使用按钮,如图:
2.jpg


3.jpg

 
3、回到动画作品页面,模板已经放到你的作品中,点击编辑按钮,就可以对该模板进行编辑操作,如图:
4.jpg

 
4、选择模板中要更换的图片,在右侧属性栏,点击图像编辑,上传要替换图片(注:替换图片要和原图片保持尺寸一致,或者是1.5/2倍精度,这样才能保证替换上去的图片清晰并不变形),如图:
5.jpg

6.jpg

 
5、若点击模板中的图片,在右侧属性栏没有出现图像编辑按钮,则这张图是打组状态,此时的操作应该是双击图片,进入组,然后右侧属性栏就会出现图像编辑按钮,(注:替换的图片要和原图片保持尺寸一致,或者是1.5/2倍精度,这样才能保证替换上去的图片清晰并不变形),此时操作步骤与上面一致,如图:
7.jpg

 
说明:为模板替换元件、音乐、文字的方法与更换图片的方法一致,请Mu友们按照自己的需求正确替换即可。
 

 

【案例教程】Word 天,《天猫双十一宇宙邀请函》原来用Mugeda就可以做!

songyue 发表了文章 • 0 个评论 • 4699 次浏览 • 2016-10-28 14:37 • 来自相关话题

上周末天猫出了个H5神作,不知道你看了没:









 
天猫有钱有人力,玩得转设计,加得了代码,那普通宝宝怎么办?Mugeda案例课程这次就以《天猫双十一宇宙邀请函》为例,为大家揭秘不用代码而用Mugeda该怎么做。
 
案例学习:《天猫双十一宇宙邀请函》




课程时长:1小时  查看全部
上周末天猫出了个H5神作,不知道你看了没:

IMG_3399_副本.png

双十一_副本.png

 
天猫有钱有人力,玩得转设计,加得了代码,那普通宝宝怎么办?Mugeda案例课程这次就以《天猫双十一宇宙邀请函》为例,为大家揭秘不用代码而用Mugeda该怎么做。
 
案例学习:《天猫双十一宇宙邀请函》
微信-双11.jpg

课程时长:1小时 
知识点:关联动画结合逻辑判断,制作超炫景深透视效果。  
课程形式:随到随听
 
点击这里开始学习

2.2.12 素材与媒体:粘贴第三方文字和图片

songyue 发表了文章 • 0 个评论 • 6242 次浏览 • 2016-10-09 16:23 • 来自相关话题

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

 复制粘贴以及拖拽添加图片功能已经更新到beta.mugeda.com,最近会更新到正式版,请亲们留意最新公告哈。
 
1、现在可以直接将剪切板的文字添加到物体。操作方法是:在任意应用中用C 查看全部
想要了解更多Mugeda功能?>>>猛戳我,学习更多教程​
 
本节视频教程请点击此处。

 复制粘贴以及拖拽添加图片功能已经更新到beta.mugeda.com,最近会更新到正式版,请亲们留意最新公告哈。
 
1、现在可以直接将剪切板的文字添加到物体。操作方法是:在任意应用中用Ctrl+C(或者等效的菜单操作)将一段文字复制到剪切板,然后在Mugeda IDE中用Ctrl+V即可将该文字粘贴成一个文本对象;
 
2、现在可以直接将剪切板的图片添加到物体。操作方法是:在任意应用中用Ctrl+C(或者等效的操作,例如QQ的屏幕截屏)将一张图片复制到剪切板,然后在Mugeda IDE中用Ctrl+V即可将图片在“选择图片”对话框中打开并准备上传;
99.png

 
3、可以直接将文件拖动到舞台并放下,即可打开上传图片对话框并上传图片;
999.png

 
相关教学视频本周会上线,请留意论坛和群内消息哟~

【Mugeda北京线下培训课报名】

songyue 发表了文章 • 0 个评论 • 3131 次浏览 • 2016-09-28 14:55 • 来自相关话题

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


现在去报名
 
若报名过程有问题,可加班主任微信咨询:
1.png

 

【视频教程】60分钟学会热门H5案例(0907更新)

回复

songyue 发起了问题 • 5 人关注 • 0 个回复 • 7908 次浏览 • 2016-08-09 15:09 • 来自相关话题

Mugeda广州站精品课来了!现在报名还有600元优惠,过时不候!

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

 课程介绍:“3 +4”HTML5从零基础到精通 
·3天线下精品课程 
·4次线上案例精讲 
·30天老师线上答疑 
·21个实战训练,讲师手把手把你教会
 
课程时间:7.29、7.30、7.31  
 
课程地点:暂定
 
适合人群:四大行业 
·想转向HTML5交互设计的FLASH设计师
· 查看全部
900mugeda学院广州站.jpg

 课程介绍:“3 +4”HTML5从零基础到精通 
·3天线下精品课程 
·4次线上案例精讲 
·30天老师线上答疑 
·21个实战训练,讲师手把手把你教会
 
课程时间:7.29、7.30、7.31  
 
课程地点:暂定
 
适合人群:四大行业 
·想转向HTML5交互设计的FLASH设计师
·新媒体行业的可视化新闻设计师
·广告/公关公司的设计师 
·教育及数字出版领域的课件设计师
 
报名须知: 
报名时间:即日起至—2016年7月27日 
报名方式:线上报名 
课程价格:2999元           
早鸟价 2399元(7月22日前报名)           
三人同行,一人免费 
学员福利:5折年费账号购买权;           
参加课程学员,均可获得Mugeda学习证明;           
通过考试学员,可获得Mugeda优秀设计师认证。 (注:报名学员要自备个人电脑) 
 
名额有限,点击此处,马上报名!
 
更多课程及报名如有疑问,可添加Mugeda学院班主任微信songyue-daydayup进行咨询,或拨打电话15801582304

Mugeda官方首个线下培训班开课!仅限10个名额,速抢!

songyue 发表了文章 • 0 个评论 • 3326 次浏览 • 2016-06-24 18:16 • 来自相关话题

Mugeda官方首个线下培训班开课,现启动报名,名额仅限10位!
3天实操训练,10人精品小班,21个案例详解,让你掌握无代码制作酷炫的HTML5交互动画技能!
 
讲师介绍:森林味 
Mugeda首席动画设计师、10年动画设计经验,5年HTML5设计经验,先后为网易、华为、大众点评等知名品牌创作H 查看全部
Mugeda官方首个线下培训班开课,现启动报名,名额仅限10位!
3天实操训练,10人精品小班,21个案例详解,让你掌握无代码制作酷炫的HTML5交互动画技能!
 
讲师介绍:森林味 
Mugeda首席动画设计师、10年动画设计经验,5年HTML5设计经验,先后为网易、华为、大众点评等知名品牌创作HTML5动画案例,有丰富的动画制作及交互设计经验。
 
您将收获: 
·学会无代码制作酷炫的HTML5交互动画 
·5折优惠的账号购买资格(个人&企业)
·Mugeda学院学习证明,优秀学员将获得Mugeda认证设计师证书 
·价值999元课程录像在线免费观看
 
课程大纲: 
7.2 简介及常用功能演示+制作动画 
7.3 添加交互+逻辑判断 
7.9 实例教学
 
报名须知: 
报名时间:即日起-2016年7月1日 
开课时间:2016年7月2日-3日(周六周日)、7月9日(周六) 
开课地点:北京市海淀区中关村创业公社Mugeda学院 
课程费用:1999元
 
如何报名: 
名额所剩不多,点击此处,即可报名!  
更多课程咨询,请联系Mugeda学院班主任松月,电话15801582304,QQ154065262。