课程

课程

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

Mugeda培训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月5日10:00,案例课《交互动画类H5制作》

Mugeda培训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制作》

Mugeda培训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,私信班主任获得。   

点击此处报名
 

【Mugeda新功能】辅助线使用说明

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大功能,告诉你都怎么用!

Mugeda培训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,案例课《特朗普打脸之旅》

Mugeda培训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,私信班主任获得。   
 
点击此处报名

 

是的,我们准备要开始讲API了!

Mugeda培训qq64a6eba2f2 回复了问题 • 12 人关注 • 11 个回复 • 764 次浏览 • 2017-05-17 11:50 • 来自相关话题

教师版账号详情介绍及使用方法

原创分享mingyueliu 发表了文章 • 0 个评论 • 982 次浏览 • 2017-03-24 18:16 • 来自相关话题

教师账号及其权限

 教师版账号是指1个教师账号,可以关联10个(起)已注册的Mugeda账号。购买教师版账号默认为可关联10个账号,您可以购买关联更多的账号。

如有需要请联系我们

1个教师账号可以享受的权限:

1)存储空间10G  2)作品数量不限制,3)发布次数不限制,4)导出次数不限制; 查看全部
教师账号及其权限

 教师版账号是指1个教师账号,可以关联10个(起)已注册的Mugeda账号。购买教师版账号默认为可关联10个账号,您可以购买关联更多的账号。

如有需要请联系我们

1个教师账号可以享受的权限:

1)存储空间10G  2)作品数量不限制,3)发布次数不限制,4)导出次数不限制;

5)支持自定义加载页面,6)支持导入外部JS库,7)流量不限制,8)支持PV、UV数据,9)支持表单数据;

10)免费使用所有模板,11)支持CDN加速,12)支持数据分析,13)支持误删找回(限3天内),14)支持共享协同。

关联10个账号(起):

1)可关联的账号为在Mugeda已经注册账号(免费账号,普通版,专业版均可)

2)可关联的账号权限为默认权限,比如:关联的账号是免费版,该关联的账号权限同免费账号相同。关联的账号是普通版,该关联的账号权限同普通账号相同。关联的账号是专业版,该关联的账号权限同专业账号相同。(如关联了专业版仅仅是关联的主账号,不包含子账号)

注意:教师版的10G存储空间只能教师账号使用,其他关联账号不可用。
 
教师账号使用方法

 一、教师版账号如何使用?

1、购买教师版会员后,【登录】教师账号 —【工作台】—【团队管理】—【复制关联码】—发给学生。(教师账号即”购买教师版会员“时支付的账号) 

1.png


2、教师版团队管理

1)学员表示已关联的学员人数。如未关联则显示0。剩余名额数量表示还可以关联学员的数量;

2)搜索:你可以通过搜素学生的用户名和昵称来快速找到他,并查看详情;

3)教师关联码:点击【复制】CTRL+C,粘贴CTRL+V,发送给学生即可;

4)有效期为该教师关联码的最终截止有效时间。可以设置为1天,1周,1月或不限;

5)选中要解除关联的学生,可以批量解除关联;

6)显示绑定学生的详细状态,点击“提交作品数”可以查看学生提交的具体作品,并可编辑,分享给同组学员。 

2.png


3、共享素材:【素材管理】—【私有文件夹】—点击【共享按钮即可】(学生通过”素材管理“—“共享组”查看老师共享的素材) 

3.png


4、教师可以将学生提交的作品分享给同组学员。

图片_1.png


5、教师可以查看并且编辑学生提交的作品。

二、学生账号

1、学生关联教师账号:【登录】Mugeda账号—【账号设置】—【输入关联码】—【关联】

4.png


2、点击“取消关联”表示你已经与教师账号解除绑定,无法在使用教师共享的素材,无法再提交作品。(取消关联后你还可以输入关联码绑定其他的账号) 

5.png


3、点击“查看自己提交的作品”可以查看自己提交过哪些作业给老师。

4、学生提交作品:【动画作品】—【预览】—【提交作品】

7.png


5、学生可以通过【素材管理】—【共享组】查看老师共享的素材 

6.png


6、学生可以通过【工作台】—【作品分享】查看老师分享的其他成员作品。

注意:教师、学生都可以单方面解除关联 。
 

Mugeda 百科全书来了!支持搜索、能看教程、时时更新,你值得拥有。

Mugeda培训songyue 发表了文章 • 1 个评论 • 868 次浏览 • 2017-02-10 11:52 • 来自相关话题

早就有不少Mu友吐槽了,说论坛不好用,遇到问题搜索起来很麻烦,而且没有手机版,用起来那叫一个酸爽,小编早就把这些建议都记在心里了,这不,你们要的【真正意义上】的百科全书来了!  
 
点击这里获得免费Mugeda百科全书
 
1、支持搜索: 
遇到问题,在文档左上角点击“搜索”标识,输入问题的关键字 查看全部
早就有不少Mu友吐槽了,说论坛不好用,遇到问题搜索起来很麻烦,而且没有手机版,用起来那叫一个酸爽,小编早就把这些建议都记在心里了,这不,你们要的【真正意义上】的百科全书来了!  
 
点击这里获得免费Mugeda百科全书
 
1、支持搜索: 
遇到问题,在文档左上角点击“搜索”标识,输入问题的关键字,如“API”就能在文档里搜索出全部和API相关的文档,查阅更方便。
1.jpg


2.jpg

 
2、看视频教程: 
每篇文档在底部都配备了相关视频教程,Mu友们可以点击“具体使用方法请点击此处”看视频教程,视频的播放方式很友好,点击左上角“返回”,可返回主菜单。
3.jpg

 
3、PC端&移动端: 
Mugeda百科全书可在移动端观看,为了方便,大家可以点击微信右上角的菜单“收藏”:
4.PNG

 
也可在PC端观看,使用方法和移动端一致,也建议大家收藏一下:
5.jpg

 
4、常见问题: Mugeda提供“常见问题”附录,这里收集了Mu友在使用过程中经常遇到的问题:
6.jpg

 
5、互动:评论和打赏: 如果你对我们有任何意见,欢迎在文档末留言,如果你觉得我们很赞,就不要吝啬,打个赏再走呗:
7.jpg


6、时时更新: 
Mugeda百科全书会根据Mu友的使用情况实时更新,希望它能成为你使用Mugeda时最好的工具书。

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

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!

Mugeda培训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

 
 

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

回复

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

Mugeda常见问题解答

Mugeda培训songyue 发表了文章 • 13 个评论 • 2647 次浏览 • 2016-12-27 14:47 • 来自相关话题

想要了解更多Mugeda功能?>>>猛戳我,学习更多教程 
 
如何压缩图片、声音和视频? 
答:http://bbs.mugeda.com/?/article/429 
 
为什么导入H5里的视频无法播放? 
答:确保视频格式为MP4,另外大小控制在20M以内,另外注意视频的格式 查看全部
想要了解更多Mugeda功能?>>>猛戳我,学习更多教程 
 
如何压缩图片、声音和视频? 
答:http://bbs.mugeda.com/?/article/429 
 
为什么导入H5里的视频无法播放? 
答:确保视频格式为MP4,另外大小控制在20M以内,另外注意视频的格式,视频编码必须是H.264,音频编码必须是AAC。
 
Mugeda里的模板如何使用? 
答:单页模板使用说明http://bbs.mugeda.com/?/article/297 
精品模板使用说明http://bbs.mugeda.com/?/article/401 
 
如何实现H5里可以定制文字和图片的功能? 
答:定制文字教程http://bbs.mugeda.com/?/article/363 
定制图片教程http://bbs.mugeda.com/?/article/351 
 
H5作品文件要如何设置? 
答: http://bbs.mugeda.com/?/article/296 
 
屏幕适配要如何设置?如渲染模式、自适应、选择发布模式、如何设置强制横屏竖屏?
答:http://bbs.mugeda.com/?/article/418 
 
我想让一个物体不断循环动,怎么实现? 
答:用元件动画可以实现,相关教程http://bbs.mugeda.com/?/article/323 
 
如何复制帧/图层? 
答:http://bbs.mugeda.com/?/article/427 
 
为什么无法导入PSD? 
答:导入PSD及注意事项说明http://bbs.mugeda.com/?/article/412 
 
逻辑表达式要怎么写? 
答:7种逻辑表达式的写法http://bbs.mugeda.com/?/article/406 
 
Mugeda API的使用方法? 
答:具体文档http://card.mugeda.com/mugedaApiDoc/index.html
 
如何使用回调函数? 
答:具体文档http://bbs.mugeda.com/?/article/416
 
为什么我的背景音乐无法播放? 
答:Mugeda支持的声音格式为mp3和wav; 
保证声音文件大小10M以内(通常建议压缩处理后声音文件大小500kb左右)。
 
为什么我的背景音乐只在一页中播放? 
答:整个作品的背景音乐在属性栏——背景音乐处添加 
其他Mugeda声音使用相关问题请参考http://bbs.mugeda.com/?/article/13
 
为什么打开内容时,会提示素材缺失? 
答:素材缺失,指的是图片、视频和音频素材在源文件里丢失的情况,这是因为素材没有上传完成造成的。 
以图片为例,当图片上传到素材库时,会有进度条显示上传进度,橙色进度条完成时才算上传成功,如图:
1.png


同时如果在素材库里删除了素材,相关作品中用到的素材也会删除,会显示如下:
2.png

 
为什么我的内容发布后还是会有橙色的广告条? 
答:内容发布后,如果扫描“效果预览”旁的二维码,这时候看到的是预览链接,在最上方会看到橙色的广告条,如果是正式发布链接,则不会出现广告条,特此说明。如图:
3.jpg

(此图二维码是预览地址,有广告条)

4.jpg

(此图二维码是发布地址,无广告条)
 
【预览和发布链接的详细区别】可参考: https://ke.qq.com/webcourse/index.html#course_id=156055&term_id=100178720&taid=964413431636375&vid=s1415c5xz65
 
我想让画面上的一个物体停下来,用手指点击再播放,怎么做? 
答:这个属于动画控制,建议学习下基础课程: https://ke.qq.com/webcourse/index.html#course_id=156055&term_id=100178720&taid=982606913102231&vid=c1415r781id
 
为什么我做的H5打不开了,说是涉及违规内容被举报? 
答:请先自查作品是否违规:http://bbs.mugeda.com/?/article/272 
如果你确实没有违反的话,可以重新发布一遍。
 

 

2.3.13 动画:复制帧粘贴帧

Mugeda培训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

 

【案例教程】用H5怎么做出高大上的快闪效果?Mugeda案例课3、2、1教会你!

Mugeda培训songyue 发表了文章 • 0 个评论 • 1128 次浏览 • 2016-12-14 12:01 • 来自相关话题

还记得苹果7发布会的那则快闪广告啵?




 
节奏把握的太好了,不仅用户看的爽,而且信息量巨大!  
 
这种形式用H5做,不仅效果好,而且巨简单,Mugeda案例课程这次就以《快闪H5制作》为例,为大家揭秘如何用H5打造一款堪比苹果快闪的特效。
 
案例学习:《快闪H5制作》






查看全部
还记得苹果7发布会的那则快闪广告啵?
797537.gif

 
节奏把握的太好了,不仅用户看的爽,而且信息量巨大!  
 
这种形式用H5做,不仅效果好,而且巨简单,Mugeda案例课程这次就以《快闪H5制作》为例,为大家揭秘如何用H5打造一款堪比苹果快闪的特效。
 
案例学习:《快闪H5制作》
腾讯用图-快闪.jpg


1.gif


kuaishan.png

 
课程时长:1小时  
知识点:快闪的几种组合效果,用色块遮盖控制文字消失。   
课程形式:随到随听  
 
点击这里开始学习
 

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

Mugeda培训songyue 发表了文章 • 0 个评论 • 361 次浏览 • 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模板的更多使用方法,请点击这里学习。

 

 

【Mugeda统计数据】浏览量和用户数以及传播来源,传播层级,事件统计

原创分享mingyueliu 发表了文章 • 0 个评论 • 952 次浏览 • 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

(点击查看大图)
 
 

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

Mugeda培训songyue 发表了文章 • 0 个评论 • 366 次浏览 • 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 界面与舞台:物体属性设置

Mugeda培训songyue 发表了文章 • 0 个评论 • 357 次浏览 • 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 界面与舞台:关键帧和页面的命名

Mugeda培训songyue 发表了文章 • 0 个评论 • 322 次浏览 • 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会首先去找页名称。

 

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

Mugeda培训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



 

教师版账号详情介绍及使用方法

原创分享mingyueliu 发表了文章 • 0 个评论 • 982 次浏览 • 2017-03-24 18:16 • 来自相关话题

教师账号及其权限

 教师版账号是指1个教师账号,可以关联10个(起)已注册的Mugeda账号。购买教师版账号默认为可关联10个账号,您可以购买关联更多的账号。

如有需要请联系我们

1个教师账号可以享受的权限:

1)存储空间10G  2)作品数量不限制,3)发布次数不限制,4)导出次数不限制; 查看全部
教师账号及其权限

 教师版账号是指1个教师账号,可以关联10个(起)已注册的Mugeda账号。购买教师版账号默认为可关联10个账号,您可以购买关联更多的账号。

如有需要请联系我们

1个教师账号可以享受的权限:

1)存储空间10G  2)作品数量不限制,3)发布次数不限制,4)导出次数不限制;

5)支持自定义加载页面,6)支持导入外部JS库,7)流量不限制,8)支持PV、UV数据,9)支持表单数据;

10)免费使用所有模板,11)支持CDN加速,12)支持数据分析,13)支持误删找回(限3天内),14)支持共享协同。

关联10个账号(起):

1)可关联的账号为在Mugeda已经注册账号(免费账号,普通版,专业版均可)

2)可关联的账号权限为默认权限,比如:关联的账号是免费版,该关联的账号权限同免费账号相同。关联的账号是普通版,该关联的账号权限同普通账号相同。关联的账号是专业版,该关联的账号权限同专业账号相同。(如关联了专业版仅仅是关联的主账号,不包含子账号)

注意:教师版的10G存储空间只能教师账号使用,其他关联账号不可用。
 
教师账号使用方法

 一、教师版账号如何使用?

1、购买教师版会员后,【登录】教师账号 —【工作台】—【团队管理】—【复制关联码】—发给学生。(教师账号即”购买教师版会员“时支付的账号) 

1.png


2、教师版团队管理

1)学员表示已关联的学员人数。如未关联则显示0。剩余名额数量表示还可以关联学员的数量;

2)搜索:你可以通过搜素学生的用户名和昵称来快速找到他,并查看详情;

3)教师关联码:点击【复制】CTRL+C,粘贴CTRL+V,发送给学生即可;

4)有效期为该教师关联码的最终截止有效时间。可以设置为1天,1周,1月或不限;

5)选中要解除关联的学生,可以批量解除关联;

6)显示绑定学生的详细状态,点击“提交作品数”可以查看学生提交的具体作品,并可编辑,分享给同组学员。 

2.png


3、共享素材:【素材管理】—【私有文件夹】—点击【共享按钮即可】(学生通过”素材管理“—“共享组”查看老师共享的素材) 

3.png


4、教师可以将学生提交的作品分享给同组学员。

图片_1.png


5、教师可以查看并且编辑学生提交的作品。

二、学生账号

1、学生关联教师账号:【登录】Mugeda账号—【账号设置】—【输入关联码】—【关联】

4.png


2、点击“取消关联”表示你已经与教师账号解除绑定,无法在使用教师共享的素材,无法再提交作品。(取消关联后你还可以输入关联码绑定其他的账号) 

5.png


3、点击“查看自己提交的作品”可以查看自己提交过哪些作业给老师。

4、学生提交作品:【动画作品】—【预览】—【提交作品】

7.png


5、学生可以通过【素材管理】—【共享组】查看老师共享的素材 

6.png


6、学生可以通过【工作台】—【作品分享】查看老师分享的其他成员作品。

注意:教师、学生都可以单方面解除关联 。
 

案例课程/实用教程

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

是的,我们准备要开始讲API了!

回复

Mugeda培训qq64a6eba2f2 回复了问题 • 12 人关注 • 11 个回复 • 764 次浏览 • 2017-05-17 11:50 • 来自相关话题

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

回复

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

案例课程/实用教程

回复

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

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

Mugeda培训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月5日10:00,案例课《交互动画类H5制作》

Mugeda培训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制作》

Mugeda培训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,私信班主任获得。   

点击此处报名
 

【Mugeda新功能】辅助线使用说明

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大功能,告诉你都怎么用!

Mugeda培训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,案例课《特朗普打脸之旅》

Mugeda培训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,私信班主任获得。   
 
点击此处报名

 

教师版账号详情介绍及使用方法

原创分享mingyueliu 发表了文章 • 0 个评论 • 982 次浏览 • 2017-03-24 18:16 • 来自相关话题

教师账号及其权限

 教师版账号是指1个教师账号,可以关联10个(起)已注册的Mugeda账号。购买教师版账号默认为可关联10个账号,您可以购买关联更多的账号。

如有需要请联系我们

1个教师账号可以享受的权限:

1)存储空间10G  2)作品数量不限制,3)发布次数不限制,4)导出次数不限制; 查看全部
教师账号及其权限

 教师版账号是指1个教师账号,可以关联10个(起)已注册的Mugeda账号。购买教师版账号默认为可关联10个账号,您可以购买关联更多的账号。

如有需要请联系我们

1个教师账号可以享受的权限:

1)存储空间10G  2)作品数量不限制,3)发布次数不限制,4)导出次数不限制;

5)支持自定义加载页面,6)支持导入外部JS库,7)流量不限制,8)支持PV、UV数据,9)支持表单数据;

10)免费使用所有模板,11)支持CDN加速,12)支持数据分析,13)支持误删找回(限3天内),14)支持共享协同。

关联10个账号(起):

1)可关联的账号为在Mugeda已经注册账号(免费账号,普通版,专业版均可)

2)可关联的账号权限为默认权限,比如:关联的账号是免费版,该关联的账号权限同免费账号相同。关联的账号是普通版,该关联的账号权限同普通账号相同。关联的账号是专业版,该关联的账号权限同专业账号相同。(如关联了专业版仅仅是关联的主账号,不包含子账号)

注意:教师版的10G存储空间只能教师账号使用,其他关联账号不可用。
 
教师账号使用方法

 一、教师版账号如何使用?

1、购买教师版会员后,【登录】教师账号 —【工作台】—【团队管理】—【复制关联码】—发给学生。(教师账号即”购买教师版会员“时支付的账号) 

1.png


2、教师版团队管理

1)学员表示已关联的学员人数。如未关联则显示0。剩余名额数量表示还可以关联学员的数量;

2)搜索:你可以通过搜素学生的用户名和昵称来快速找到他,并查看详情;

3)教师关联码:点击【复制】CTRL+C,粘贴CTRL+V,发送给学生即可;

4)有效期为该教师关联码的最终截止有效时间。可以设置为1天,1周,1月或不限;

5)选中要解除关联的学生,可以批量解除关联;

6)显示绑定学生的详细状态,点击“提交作品数”可以查看学生提交的具体作品,并可编辑,分享给同组学员。 

2.png


3、共享素材:【素材管理】—【私有文件夹】—点击【共享按钮即可】(学生通过”素材管理“—“共享组”查看老师共享的素材) 

3.png


4、教师可以将学生提交的作品分享给同组学员。

图片_1.png


5、教师可以查看并且编辑学生提交的作品。

二、学生账号

1、学生关联教师账号:【登录】Mugeda账号—【账号设置】—【输入关联码】—【关联】

4.png


2、点击“取消关联”表示你已经与教师账号解除绑定,无法在使用教师共享的素材,无法再提交作品。(取消关联后你还可以输入关联码绑定其他的账号) 

5.png


3、点击“查看自己提交的作品”可以查看自己提交过哪些作业给老师。

4、学生提交作品:【动画作品】—【预览】—【提交作品】

7.png


5、学生可以通过【素材管理】—【共享组】查看老师共享的素材 

6.png


6、学生可以通过【工作台】—【作品分享】查看老师分享的其他成员作品。

注意:教师、学生都可以单方面解除关联 。
 

Mugeda 百科全书来了!支持搜索、能看教程、时时更新,你值得拥有。

Mugeda培训songyue 发表了文章 • 1 个评论 • 868 次浏览 • 2017-02-10 11:52 • 来自相关话题

早就有不少Mu友吐槽了,说论坛不好用,遇到问题搜索起来很麻烦,而且没有手机版,用起来那叫一个酸爽,小编早就把这些建议都记在心里了,这不,你们要的【真正意义上】的百科全书来了!  
 
点击这里获得免费Mugeda百科全书
 
1、支持搜索: 
遇到问题,在文档左上角点击“搜索”标识,输入问题的关键字 查看全部
早就有不少Mu友吐槽了,说论坛不好用,遇到问题搜索起来很麻烦,而且没有手机版,用起来那叫一个酸爽,小编早就把这些建议都记在心里了,这不,你们要的【真正意义上】的百科全书来了!  
 
点击这里获得免费Mugeda百科全书
 
1、支持搜索: 
遇到问题,在文档左上角点击“搜索”标识,输入问题的关键字,如“API”就能在文档里搜索出全部和API相关的文档,查阅更方便。
1.jpg


2.jpg

 
2、看视频教程: 
每篇文档在底部都配备了相关视频教程,Mu友们可以点击“具体使用方法请点击此处”看视频教程,视频的播放方式很友好,点击左上角“返回”,可返回主菜单。
3.jpg

 
3、PC端&移动端: 
Mugeda百科全书可在移动端观看,为了方便,大家可以点击微信右上角的菜单“收藏”:
4.PNG

 
也可在PC端观看,使用方法和移动端一致,也建议大家收藏一下:
5.jpg

 
4、常见问题: Mugeda提供“常见问题”附录,这里收集了Mu友在使用过程中经常遇到的问题:
6.jpg

 
5、互动:评论和打赏: 如果你对我们有任何意见,欢迎在文档末留言,如果你觉得我们很赞,就不要吝啬,打个赏再走呗:
7.jpg


6、时时更新: 
Mugeda百科全书会根据Mu友的使用情况实时更新,希望它能成为你使用Mugeda时最好的工具书。

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

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!

Mugeda培训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

 
 

Mugeda常见问题解答

Mugeda培训songyue 发表了文章 • 13 个评论 • 2647 次浏览 • 2016-12-27 14:47 • 来自相关话题

想要了解更多Mugeda功能?>>>猛戳我,学习更多教程 
 
如何压缩图片、声音和视频? 
答:http://bbs.mugeda.com/?/article/429 
 
为什么导入H5里的视频无法播放? 
答:确保视频格式为MP4,另外大小控制在20M以内,另外注意视频的格式 查看全部
想要了解更多Mugeda功能?>>>猛戳我,学习更多教程 
 
如何压缩图片、声音和视频? 
答:http://bbs.mugeda.com/?/article/429 
 
为什么导入H5里的视频无法播放? 
答:确保视频格式为MP4,另外大小控制在20M以内,另外注意视频的格式,视频编码必须是H.264,音频编码必须是AAC。
 
Mugeda里的模板如何使用? 
答:单页模板使用说明http://bbs.mugeda.com/?/article/297 
精品模板使用说明http://bbs.mugeda.com/?/article/401 
 
如何实现H5里可以定制文字和图片的功能? 
答:定制文字教程http://bbs.mugeda.com/?/article/363 
定制图片教程http://bbs.mugeda.com/?/article/351 
 
H5作品文件要如何设置? 
答: http://bbs.mugeda.com/?/article/296 
 
屏幕适配要如何设置?如渲染模式、自适应、选择发布模式、如何设置强制横屏竖屏?
答:http://bbs.mugeda.com/?/article/418 
 
我想让一个物体不断循环动,怎么实现? 
答:用元件动画可以实现,相关教程http://bbs.mugeda.com/?/article/323 
 
如何复制帧/图层? 
答:http://bbs.mugeda.com/?/article/427 
 
为什么无法导入PSD? 
答:导入PSD及注意事项说明http://bbs.mugeda.com/?/article/412 
 
逻辑表达式要怎么写? 
答:7种逻辑表达式的写法http://bbs.mugeda.com/?/article/406 
 
Mugeda API的使用方法? 
答:具体文档http://card.mugeda.com/mugedaApiDoc/index.html
 
如何使用回调函数? 
答:具体文档http://bbs.mugeda.com/?/article/416
 
为什么我的背景音乐无法播放? 
答:Mugeda支持的声音格式为mp3和wav; 
保证声音文件大小10M以内(通常建议压缩处理后声音文件大小500kb左右)。
 
为什么我的背景音乐只在一页中播放? 
答:整个作品的背景音乐在属性栏——背景音乐处添加 
其他Mugeda声音使用相关问题请参考http://bbs.mugeda.com/?/article/13
 
为什么打开内容时,会提示素材缺失? 
答:素材缺失,指的是图片、视频和音频素材在源文件里丢失的情况,这是因为素材没有上传完成造成的。 
以图片为例,当图片上传到素材库时,会有进度条显示上传进度,橙色进度条完成时才算上传成功,如图:
1.png


同时如果在素材库里删除了素材,相关作品中用到的素材也会删除,会显示如下:
2.png

 
为什么我的内容发布后还是会有橙色的广告条? 
答:内容发布后,如果扫描“效果预览”旁的二维码,这时候看到的是预览链接,在最上方会看到橙色的广告条,如果是正式发布链接,则不会出现广告条,特此说明。如图:
3.jpg

(此图二维码是预览地址,有广告条)

4.jpg

(此图二维码是发布地址,无广告条)
 
【预览和发布链接的详细区别】可参考: https://ke.qq.com/webcourse/index.html#course_id=156055&term_id=100178720&taid=964413431636375&vid=s1415c5xz65
 
我想让画面上的一个物体停下来,用手指点击再播放,怎么做? 
答:这个属于动画控制,建议学习下基础课程: https://ke.qq.com/webcourse/index.html#course_id=156055&term_id=100178720&taid=982606913102231&vid=c1415r781id
 
为什么我做的H5打不开了,说是涉及违规内容被举报? 
答:请先自查作品是否违规:http://bbs.mugeda.com/?/article/272 
如果你确实没有违反的话,可以重新发布一遍。
 

 

2.3.13 动画:复制帧粘贴帧

Mugeda培训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

 

【案例教程】用H5怎么做出高大上的快闪效果?Mugeda案例课3、2、1教会你!

Mugeda培训songyue 发表了文章 • 0 个评论 • 1128 次浏览 • 2016-12-14 12:01 • 来自相关话题

还记得苹果7发布会的那则快闪广告啵?




 
节奏把握的太好了,不仅用户看的爽,而且信息量巨大!  
 
这种形式用H5做,不仅效果好,而且巨简单,Mugeda案例课程这次就以《快闪H5制作》为例,为大家揭秘如何用H5打造一款堪比苹果快闪的特效。
 
案例学习:《快闪H5制作》






查看全部
还记得苹果7发布会的那则快闪广告啵?
797537.gif

 
节奏把握的太好了,不仅用户看的爽,而且信息量巨大!  
 
这种形式用H5做,不仅效果好,而且巨简单,Mugeda案例课程这次就以《快闪H5制作》为例,为大家揭秘如何用H5打造一款堪比苹果快闪的特效。
 
案例学习:《快闪H5制作》
腾讯用图-快闪.jpg


1.gif


kuaishan.png

 
课程时长:1小时  
知识点:快闪的几种组合效果,用色块遮盖控制文字消失。   
课程形式:随到随听  
 
点击这里开始学习
 

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

Mugeda培训songyue 发表了文章 • 0 个评论 • 361 次浏览 • 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模板的更多使用方法,请点击这里学习。

 

 

【Mugeda统计数据】浏览量和用户数以及传播来源,传播层级,事件统计

原创分享mingyueliu 发表了文章 • 0 个评论 • 952 次浏览 • 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

(点击查看大图)
 
 

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

Mugeda培训songyue 发表了文章 • 0 个评论 • 366 次浏览 • 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 界面与舞台:物体属性设置

Mugeda培训songyue 发表了文章 • 0 个评论 • 357 次浏览 • 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 界面与舞台:关键帧和页面的命名

Mugeda培训songyue 发表了文章 • 0 个评论 • 322 次浏览 • 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会首先去找页名称。

 

1.6.4 作品创建前必读:屏幕适配设置(渲染模式、自适应、发布模式、旋转模式)

Mugeda培训songyue 发表了文章 • 0 个评论 • 728 次浏览 • 2016-12-08 14:43 • 来自相关话题

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

本节视频教程请点击此处。
 
本节知识点: 重点讲解【文件】—【文档信息】中的渲染模式、自适应、发布模式、旋转模式相关设置
 
一般我们把舞台的尺寸设置为320*520:




 
我们可以对适配方式进行设置,让 查看全部
·想要了解更多Mugeda功能?>>>猛戳我,学习更多教程​​

本节视频教程请点击此处。
 
本节知识点: 重点讲解【文件】—【文档信息】中的渲染模式、自适应、发布模式、旋转模式相关设置
 
一般我们把舞台的尺寸设置为320*520:
1.png

 
我们可以对适配方式进行设置,让我们的作品可以满足不同屏幕的播放。适配方式从【文件】—【文档信息】里设置:
2.png

 
这里需要说明的是,【文档信息】里的导出名称指的是发布后微信标题栏的名称
3.png

 
而舞台上【属性】中的【内容标题】指的是在编辑页面里的名称:
4.png

 
渲染模式,默认为标准,其他几个说明如下 
标准:单个网页的引用 
嵌入:可以嵌入iframe元素中 
内联:通过js方式加载动画 
弹出:弹出对话框显示动画
5.png

 
自适应,一般我们用【宽度适配,垂直居中】 
宽度适配,垂直居中:以宽度来等比例放大缩小您的作品,以320宽度做的,那么在屏幕上显示就是320,通过改变作品的高,来适配您的屏幕;如果您的手机比较窄,那就会把作品的上下两端截掉。
高度适配,水平居中:以高度适配宽度,如果你手机特别的窄,也会把两端截掉。 
全屏:无论你在什么屏幕播放,都会显示您作品的完整内容。
6.png

 
宽度适配,垂直居中,让所有画面显示在屏幕上的小技巧 
在舞台上画安全框,320*416基于iPhone4s大小,目前这个是最小的,所以用这个作为我们的安全框:
7.png

 
把安全框移动到舞台中间,可以对照绿色的参考线,此时的状态下,安全框位于舞台的中央:
8.png

 
如图,完成安全框的绘制:
9.png

 
我们预览时,无论屏幕有多大,背景图片都是把屏幕撑满的,就算手机截掉上下两端,在安全框里设计,有效内容都能被看到:
10.png

 
当您要发布作品时,记得把安全框图层删掉,这样别人预览你的作品时,就不会看到安全框了:
11.png

 
高度适配,水平居中,让所有画面显示在屏幕上的小技巧,同样的方式,这里不再赘述。
 
发布方式: 
前两种发布方式不推荐,动画会卡顿,推荐使用智能加速渲染发布。智能加速渲染的意思就是配合硬件加速动画:
12.png

 
适配方式: 
自动适配:默认是竖屏,动画会撑满竖屏屏幕;默认是横屏,动画会撑满横屏屏幕,但是会发生变形,更多的情况我们选用的是强制竖屏:
12.png

 
如果您要做强制横屏的H5,设置舞台大小520*256。这是基于iPhone6s plus在微信播放时的全屏尺寸。当然你也可以根据需要自行设置,但前提是保证在大屏幕手机能看到全屏:
14.png

 
然后选择【文件】—【文档信息】,设置旋转模式和自适应:
15.png

 

 

2.9.9 API的应用:将Mugeda部署在第三方服务器

Mugeda培训songyue 发表了文章 • 0 个评论 • 1054 次浏览 • 2016-12-08 11:47 • 来自相关话题

想要了解更多Mugeda功能?>>>猛戳我,学习更多教程​​
 Mugeda制作的内容可以很方便的直接发布到Mugeda CDN。参见下图。发布到Mugeda CDN后,你会得到一个发布地址,该地址可以用来进行分享。Mugeda会自动处理所有必要的操作,例如微信权限认证等。


查看全部
想要了解更多Mugeda功能?>>>猛戳我,学习更多教程​​
 Mugeda制作的内容可以很方便的直接发布到Mugeda CDN。参见下图。发布到Mugeda CDN后,你会得到一个发布地址,该地址可以用来进行分享。Mugeda会自动处理所有必要的操作,例如微信权限认证等。
11.jpg


如果你选择导出Mugeda内容并自行部署到一个第三方的服务器上,Mugeda提供一套完善的机制来支持这些操作。简单来说,需要完成如下步骤: 
 
1. 你拥有一个微信公众号,和一个绑定了微信的域名; 
2. 你知道如何获取有效的微信认证信息; 
3. 用微信认证信息对Mugeda内容进行配置; 
4. 部署配置后的内容; 

下面详细介绍每一个步骤。
1.  你拥有一个微信公众号,和绑定了微信的域名 
任何一个可以在微信中进行分享的域名,都必须通过微信的认证并绑定域名。为了绑定域名,你必须先有一个公众号。有了公众号后,登录微信公众平台进入“公众号设置”的“功能设置”里填写“JS接口安全域名”。关于如何申请公众号以及如何进行微信域名绑定,不在本文讨论范围。请咨询你们的微信管理员或者访问微信官方文档。 以下的讨论假定你已经拥有一个绑定了微信的域名。

2.  你知道如何获取有效的微信认证信息 
拥有微信绑定的域名后,你还需要有有效的微信认证信息。典型的微信认证信息包括: 
appId: 分配给公众号的唯一标识 
timestamp: 生成签名的时间戳 
nonceStr: 生成签名时的随机串 
signature: 认证需要的签名  

关于如何获取或者生成这些参数,请参考微信官方开发文档。这里不再赘述。需要强调的是,由于微信签名认证信息有效期为7200秒,即2个小时,因此在第三方部署时需要保证这些信息在必要时需要实时更新,保障总是能够获取到最新的认证信息。

以下的讨论假定你已经拥有了有效的微信认证信息。  

3.  用微信认证信息对Mugeda 内容进行配置 
当你准备好了上述数据,我们就可以对Mugeda内容进行配置了。步骤如下: 
首先在Mugeda云编辑器中导出想要发布的内容:
12.jpg


导出后会得到一个完整的HTML5内容包。 在内容包中包含有一个index.html文件,这个文件是我们配置的对象。用文本编辑器打开该文件。
13.jpg


在index.html文件中,有一个参数变量叫做_mrmcp,这个变量记录了Mgueda内容进行播放时的一系列控制参数。我们需要定制的就是在这个参数列表中加入我们需要的信息。
14.jpg


配置信息可以包括微信认证信息,_mrmcp.wechatAuth。所需参数参见上述第2步的描述。配置好后的_mrmcp参数如下图所示:
15.jpg


需要说明的是: 
1.    由于微信权限设置有时间限制(7200秒),因此这些权限信息,主要是签名signature和时间戳timestamp参数,需要及时进行更新。可以参考的办法,是在服务器端通过动态技术(例如php等)动态生成这些信息,或者在页面中通过动态技术(例如Ajax请求)获取这些信息,并配置相应的_mrmcp参数。

2.    如果采用异步Ajax等异步技术加载权限信息时,index.html中名为loader.js的脚本文件,需要在Ajax处理完成后才能加载,否则可能会导致加载或者渲染异常。

3.    对Mugeda内容进行第三方部署时,仅需要按照上述步骤配置_mrmcp.wechatAuth参数即可,不需要再次加载微信的SDK JS文件(本文生成时地址为http://res.wx.qq.com/open/js/jweixin-1.0.0.js),也不需要再次调用wx.config, wx.ready或者wx.onMenuShareTimeline等函数。这些具体的操作Mugeda内容都会自动完成。否则可能会导致分享和权限异常。

4.     部署配置后的内容:完成上述步骤后,就可以将配置后的内容部署到目标第三方服务器上,并将部署后的地址发布出去就可以了。对上述流程如有疑问,可以加入Mugeda学习群(QQ: 263360290)进行交流。