问题答疑

问题答疑

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

BUG反馈

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

原创分享

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

新功能需求

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

Mugeda培训

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

【直播课报名】7月12日起连续3天,每天10:00,案例课《教你玩转“密室逃脱”类H5》

songyue 发表了文章 • 0 个评论 • 101 次浏览 • 2017-07-07 16:14 • 来自相关话题

点击此处报名
 
7月10日~14日,直播课安排如下:  

1、在线客服支持 
时间:7月10日、11日,上午10:00-11:00, 
在使用Mugeda过程中遇到任何问题可在本时段进入教室发问。
 
2、案例精讲 
时间:7月12日、13日、14日,上午10:00-11:00, 
连续3天,教 查看全部
腾讯封面图课程表1080.jpg

点击此处报名
 
7月10日~14日,直播课安排如下:  

1、在线客服支持 
时间:7月10日、11日,上午10:00-11:00, 
在使用Mugeda过程中遇到任何问题可在本时段进入教室发问。
 
2、案例精讲 
时间:7月12日、13日、14日,上午10:00-11:00, 
连续3天,教你玩转“密室逃脱”类H5。
 
本次案例课程 
7月12日、13日、14日,上午10:00-11:00
MISHI.png

 
扫一扫看案例
MISHISHI.png

 
本次课直播免费,录播收费,想听课的Mu友千万别错过啦!

点击此处报名
 

【7月报名通知】申请成为Mugeda认证设计师,享受出售商业模板(收入100%归设计师)、购买会员8折等特权!

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

 
点击报名
 
一、认证对象?  
面向的是Mugeda推荐设计师,即在Mugeda网站的设计师频道已有展示位的设计师人群。    
 
二、如何报名参与?  
点击这里报名
如果你还不是我们的推荐设计师,请点击这里申请。
 
三、为什么要成为Mugeda认证设计师? 
本次认证费0元  
 
查看全部
论坛宣传图1(900-500).jpg

 
点击报名
 
一、认证对象?  
面向的是Mugeda推荐设计师,即在Mugeda网站的设计师频道已有展示位的设计师人群。    
 
二、如何报名参与?  
点击这里报名
如果你还不是我们的推荐设计师,请点击这里申请。
 
三、为什么要成为Mugeda认证设计师? 
本次认证费0元  
 
通过考试,成为Mugeda认证设计师,你将会得到: 
1、任何时间购买Mugeda企业会员享受8折优惠 
2、在Mugeda平台获得优先展示自己作品和发布付费模版的权利(收入100%归设计师)
3、在Mugeda平台优先接外包项目
4、可以参加Mugeda认证培训师考试,获得由Mugeda学院提供的高额劳务报酬
5、推荐高薪就业机会  
 
点击这里申请成为Mugeda认证设计师
 
Mugeda认证设计师考试今年还会举办4次,具体时间留意官网通知,更多问题可咨询QQ:154065262。
 

【直播课报名】7月5日10:00,案例课《交互动画类H5制作》

songyue 发表了文章 • 0 个评论 • 118 次浏览 • 2017-06-30 13:54 • 来自相关话题

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

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

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

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

点击此处报名
 

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

songyue 发表了文章 • 0 个评论 • 158 次浏览 • 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 个评论 • 171 次浏览 • 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新功能】辅助线使用说明

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

辅助线的作用于photoshop里的辅助线功能类似,开启辅助线后,设计师在拖拽物体至辅助线时,物体会自动停靠至辅助线位置, 辅助线仅仅在ide内可以看到, 渲染后的作品看不到辅助线.




 
1.绘制一条辅助线.  按住alt键不要松开,然后在舞台上拖拽鼠标左键至某个方向(上下左右), 即可绘 查看全部
辅助线的作用于photoshop里的辅助线功能类似,开启辅助线后,设计师在拖拽物体至辅助线时,物体会自动停靠至辅助线位置, 辅助线仅仅在ide内可以看到, 渲染后的作品看不到辅助线.
111.gif

 
1.绘制一条辅助线.  按住alt键不要松开,然后在舞台上拖拽鼠标左键至某个方向(上下左右), 即可绘制出一条辅助线
222.gif

 
当鼠标移动至辅助线附近时,即可拖动辅助线,同时显示鼠标所在辅助线的坐标.    
 
2.隐藏\显示辅助线及删除辅助线的几种方法  拖拽辅助线的时候, 和pshotoshop一样,将辅助线拖拽至舞台之外即.
333.gif

444.gif

 
也可以通过视图菜单中的删除所有辅助线进行删除.
555.gif

666.gif

 
点击工具栏中的辅助线工具, 即可快速显示\隐藏所有辅助线.也可以通过视图菜单中的辅助线选项,来进行显示隐藏.
 

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

songyue 发表了文章 • 0 个评论 • 323 次浏览 • 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 个评论 • 163 次浏览 • 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 个评论 • 81 次浏览 • 2017-05-04 16:19 • 来自相关话题

托管存储帮助文档

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

托管存储是Mugeda最新提供的个性化产品。通过托管存储,您可以将您的文件托管在Mugeda专有的云空间当中,大幅提高文件的安全性。
 
同时,在上线期间购买托管存储产品,将赠送个性化域名和个性化微信产品,有效提升您的动画用户体验。
托管存储是Mugeda最新提供的个性化产品。通过托管存储,您可以将您的文件托管在Mugeda专有的云空间当中,大幅提高文件的安全性。
 
同时,在上线期间购买托管存储产品,将赠送个性化域名和个性化微信产品,有效提升您的动画用户体验。

自定义绑定微信公众号帮助文档

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

常见问题
如需使用自定义微信的服务,您需要向我们提供
1:您的微信AppID和AppSecret
2:从公众平台上下载微信安全认证文件,并上传到mugeda自定义微信服务相应地址
 
并且您需要将您使用的域名(有自定义域名服务),或者将mgd5.com域名(无自定义域名服务)绑定到微信的js接口安全 查看全部
常见问题
如需使用自定义微信的服务,您需要向我们提供
1:您的微信AppID和AppSecret
2:从公众平台上下载微信安全认证文件,并上传到mugeda自定义微信服务相应地址
 
并且您需要将您使用的域名(有自定义域名服务),或者将mgd5.com域名(无自定义域名服务)绑定到微信的js接口安全域名中。
如果您的公众号有白名单的设置,您还需要先在您公众号的白名单设置里添加这个地址:121.40.175.93

如果您有不明白的地方,以下教程将帮助您操作这一过程。
 
1.请您在登陆您的微信后台后,首先选择:开发->基本配置
 
2.然后将AppID和AppSecret复制下来,填入mugeda的后台中
 
3.再回到微信后台中,选择设置->公众号设置

然后选择功能设置
 
点击js安全域名的设置
 
在弹出的页面中,请认真阅读说明,先下载认证文件,通过木疙瘩后台上传,然后将您的域名配置在下方的三个域名框其中之一即可。若您没有自定义域名,请域名配置中增加:mgd5.com
 
返回功能设置页面,点击网页授权域名的设置

 
在弹出的窗口中,填入:weika.mugeda.com

自定义域名帮助文档

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

如需使用mugeda的自定义域名服务,请在购买后将您的域名指向我们的服务器:delivery.h5mgd.com
 
如您不会操作,请看以下示例:(以DNSPOD为例,如您使用的是其他域名提供商请参考以下步骤)
 
1.请先选择域名解析选项
 




 

2.然后选择您需要使用域名的顶级域名
查看全部
如需使用mugeda的自定义域名服务,请在购买后将您的域名指向我们的服务器:delivery.h5mgd.com
 
如您不会操作,请看以下示例:(以DNSPOD为例,如您使用的是其他域名提供商请参考以下步骤)
 
1.请先选择域名解析选项
 
QQ截图20170509101708.png

 

2.然后选择您需要使用域名的顶级域名

QQ图片20170509101715.png

 
 
3.在域名设置页面中请选择添加记录
 
QQ图片20170605135905.png

 
在以上示例中,h5site是我们举例的二级域名名称,请您在设置中使用您自己需要的名字。比如:mysite.xxx.com,则填入:mysite即可。
 
后面的记录类型请选择CNAME,记录值请填入:delivery.h5mgd.com
 
然后点击保存即可。
 
特别提示:在中国国内使用的域名需要先通过工信部的备案,否则无法正常使用,具体备案方法,请咨询您的域名购买商。
 

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

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

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

 
(点击查看大图)
 

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

songyue 发表了文章 • 0 个评论 • 548 次浏览 • 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 个评论 • 622 次浏览 • 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 个评论 • 722 次浏览 • 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假的:跳转第三帧出现文字提示及出题
 

Mugeda新功能教程:投票组件的使用

songyue 发表了文章 • 0 个评论 • 754 次浏览 • 2017-01-23 15:59 • 来自相关话题

·想要了解更多Mugeda功能?>>>猛戳我,学习更多教程​
 
(点击图片看大图)

 1. 添加一个投票组件:




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




 
3. 确认投票数据设置后,会在舞台上生成一个投票组件,并且会自动命名(投票1),同时会在数据库上注册一个投 查看全部
·想要了解更多Mugeda功能?>>>猛戳我,学习更多教程​
 
(点击图片看大图)

 1. 添加一个投票组件:
1.jpg

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

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

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

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

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

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

 

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

songyue 发表了文章 • 0 个评论 • 477 次浏览 • 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

 
 

【必看帖】关于H5中声音和视频的处理,看过的问题都解决了!

songyue 发表了文章 • 0 个评论 • 1344 次浏览 • 2016-12-22 16:26 • 来自相关话题

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

 
压缩好,点击【Downloud】下载到电脑的指定位置,如图:
2_(1).png

 
声音压缩: 
推荐大家【Audacity】这个软件,如图:
3_(1).png

 
把要压缩的声音拖到灰色区域,就能上传并开始编辑,如图:
4_(1).png

 
用选择工具选中音轨中不需要的部分,【Delete】就可删除,如图:
5_(1).png

 
点击放大镜,可以放大音轨,如图:
6.png

 
给声音加特效,需先选中需要添加特效的音轨部分,点击【特效】,如图:
7.png

 
把立体声分离成单声,可以让声音文件变得更小,如图:
8.png

 
在能保证声音质量的前提下,可删除其中一个声道,如图:
9.png

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

 
【声道模式】选择【合并立体声】,如图:
11.png

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

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

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

 
单击【移动至选取范围的开始】,即此时的点是要裁剪视频的开始,如图:
15.png

 
把鼠标移动到要裁剪内容的末尾,点击【剪下选取范围】,如图:
16.png

 
只保留了前10s的视频,点击右下角【ok】,完成裁剪,如图:
17.png

 
该软件提供了很多格式的导出,如图:
18.png

 
如果要导出MP4,点击【编辑预先设定】按钮,如图:
19.png

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

 
比特率类型,设置越大导出的视频文件也就越大,如图:
21.png

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

 
特别注意:在H5导入的视频,视频编码器一定要设置成【H.264】,音频编解码器一定要 设置成【AAC】。
 

2.3.13 动画:复制帧粘贴帧

songyue 发表了文章 • 0 个评论 • 591 次浏览 • 2016-12-20 17:00 • 来自相关话题

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




 
在没有帧的地方, 查看全部
·想要了解更多Mugeda功能?>>>猛戳我,学习更多教程   
 
本节知识点:复制帧-粘贴帧、复制关键帧-粘贴关键帧、复制多个图层-粘贴多个图层  
 
复制帧-粘贴帧: 
选择某一个图层的全部帧,全选后时间线呈草绿色,右键选择【复制帧】,如图:
1.png

 
在没有帧的地方,右键【粘贴帧】,如图:
2.png

 
这时候刚才的一整段动画就被粘贴过来了,如图:
3.png

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

 
复制关键帧-粘贴关键帧: 
选中关键帧,右键【复制关键帧】,如图:
5.png

 
选择要粘贴的位置,右键【粘贴关键帧】,如图:
6.png

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

 
目前,不支持复制一个图层的多个关键帧,如图:
8.png

 
则会出现如下提示,如图:
9.png

 
但支持同时复制多个图层的关键帧,如图:
10.png

 
然后选择要粘贴的位置,右键【粘贴关键帧】,如图:
11.png

 
复制多个图层-粘贴多个图层: 
选中所有的4个图层,右键【复制帧】,如图:
12.png

 
另外新建4个图层,如图:
13.png

 
选择最上面图层第2个没有帧的地方,【右键】粘贴站,如图:
14.png

 
复制的4个图层的全部内容全部都粘贴过来了,如图:
15.png