问题答疑

问题答疑

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

BUG反馈

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

原创分享

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

新功能需求

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

Mugeda培训

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

2.2.18 素材与媒体:导入PSD及注意事项

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

·想要了解更多Mugeda功能?>>>猛戳我,学习更多教程​
 
本节视频教程请点击此处。
 
在工具栏,选中PS图标,如图:




 
直接把PSD文件拖拽到指定区域。如图:




 
可以选择导入单个图层,也可以按住Ctrl选择多个图层,然后分层导入,如图:




查看全部
·想要了解更多Mugeda功能?>>>猛戳我,学习更多教程​
 
本节视频教程请点击此处。
 
在工具栏,选中PS图标,如图:
1.png

 
直接把PSD文件拖拽到指定区域。如图:
2.png

 
可以选择导入单个图层,也可以按住Ctrl选择多个图层,然后分层导入,如图:
3.png

 
PSD素材分图层导入舞台,而且导入的图片和PSD中的位置完全一致,如图:
4.png

 
常见问题: 
1、问:为什么我按照320*520做的底图素材,但用手机扫描却很模糊? 
答:Mugeda默认的画布尺寸为320*520
5.png

 
在PS里处理素材时,应把素材的尺寸设置为640*1040(即2倍精度大小),这样导入到Mugeda里的图片才足够清晰,切记素材的尺寸设置要与舞台尺寸保持比例一致。
6.png

 
如果导入的PSD文件过大,会出现如下提示:
7.png

 
2、问:为什么我导入不了带有图层样式的PSD? 
答:在PS中做了一张有图层样式的素材,如图:
8.png

 
导入Mugeda里效果如下,如图:
9.png

 
Mugeda不可以直接导入带有图层样式的PSD文件,如果想保留效果,可以选择图层,点击右键【转换为智能对象】,如图:
10.png

 
经过这样的处理后,再导入Mugeda,就可以保留原来素材的效果,如图:
11.png

 
3、问:我想导入JPG,但导进来却是透明背景的PNG,是什么原因?          
答:在你的PS文件中,舞台外还有另一个图形,如图:
12.png

 
选择合并后,如图: 
13.png

 
把这个素材导入到Mugeda里,默认保留了通道,如图:
14.png

 
4、问:怎么处理素材,才能让文件尽可能的小? 
答:减少素材的用色,尽量让素材图片少一些,另外严格按照1.5/2两倍精度(等比例)制作素材。
 
5、问:怎么摆脱PPT样式的H5? 
答:在做设计的时候,就要考虑到H5中的交互,如图:
15.png

 
如果素材过大,可以利用PS中的裁剪工具裁剪成多个再保存,如图:
16.png

 
 

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

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

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

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




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




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

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

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

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

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

songyue 发表了文章 • 0 个评论 • 437 次浏览 • 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 个评论 • 404 次浏览 • 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 个评论 • 433 次浏览 • 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 个评论 • 426 次浏览 • 2016-11-29 14:15 • 来自相关话题

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

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

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




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




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

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

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

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

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

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

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

2.10.3 判断:多种逻辑表达式的写法

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

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

本节知识点:取值的方法、获取物体的属性、基本算法符号、基本判断符号、满足条件符号、保留后几位小数、判断字符串的长度

1、取值的方法 
给某个物体取名叫a,获取a的值如下: {{a}}
  查看全部
·想要了解更多Mugeda功能?>>>猛戳我,学习更多教程​
 
本节视频教程请点击此处。

本节知识点:取值的方法、获取物体的属性、基本算法符号、基本判断符号、满足条件符号、保留后几位小数、判断字符串的长度

1、取值的方法 
给某个物体取名叫a,获取a的值如下: {{a}}
 
2、获取物体的属性 
{{a.top}}   上坐标 
{{a.left}}  左坐标 
{{a.height}}  物体的高 
{{a.width}}   物体的宽 
{{a.text}}     字符
 
举例:如何让文本框获取到物体的上坐标?具体步骤如下: 
给方块命名为“A”,文字框命名为“T”,如图:
1.jpg

 
给方块添加改变元素属性行为,触发条件为出现,如图:
2.jpg

 
进入编辑设置相关参数,取值{{a.top}},如图:
3.jpg

注:给物体命名可以是中文的,但是符号一定要在英文状态下输入
 
3、基本算法符号 
+  加 
-  减 
*  乘  
/  除 
== 等于 
‘’ 字符串(注意:是英文状态下的引号)
 
4、基本判断符号 
>  大于 
<  小于 
!= 不等于
 
举例:iPhone解锁效果,具体步骤如下: 
在舞台上绘制滑动条和解锁块,给解锁块在右侧属性中添加“水平拖动”和“结束时复位”,如图:
4.jpg

 
给解锁块命名为“a”,并给它添加跳转到“下一页”的行为,触发条件是“属性改变”,设置的参数应该写成{{a.left}}>210,即当解锁块的左坐标大于210的时候,就会跳到第二页,如图:
5.jpg

 
5、满足条件符号 
||  或 
&& 同时满足
 
举例:{{a.text}}==’2’||{{b.text}}==’6’就翻页  
举例:小球a移动到方框b里就成功,表达式 {{a.top}} > {{b.top}} && {{a.left}} > {{b.left}} && ({{a.top}} + {{a.height}} < {{b.top}} + {{b.height}}) && ({{a.left}} + {{a.width}} < {{b.left}} + {{b.width}})
 
6、保留后几位小数 
~~  取整数 
{{a}}.toFixed(n)   a保留n位小数,当n=0时,取的是整数  
 
举例:用文本框获取运动圆球的上坐标,具体步骤如下:
给运动的圆球命名为”a”,在舞台上添加文本框,并让它关联圆球“a”的上坐标,默认是保留三位小数,如图:
6.jpg


实现效果,如图:
7.jpg


在舞台上新添加一个文本框t2,让它的值等于t,如图:
8.jpg


给t添加改变元素属性行为,触发条件为属性改变(注:哪个物体在动,就把行为添加在它那里),在参数设置里的取值填入{{t}}.toFixed(1),能实现保留一位小数的效果,如图:
9.jpg

 
注:如果要取整数,在参数设置里的取值填入{{t}}.toFixed(0) 或 ~~{{t}} 均可。  
 
取整数的另一种方法,在被控量【关联属性】前加”~~”,但适用于取整,如图:
10.jpg

 
7、'{{a}}'.length==n    判断字符串的长度 
 
举例,输入框不能输入6个字以上,超出则会弹出提示,具体步骤如下:  
给输入框命名“a”,给提示语命名”b”,提示语默认的透明度为0,如图:
11.jpg

 
给输入框添加改变元素属性行为,触发条件是“属性改变”,设置参数'{{a}}'.length>5,如图:
12.jpg



           

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

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

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

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




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




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

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

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

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

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

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

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

【Mugeda作品发布后的分享】如何在微信及网页展示已发布的作品

songyue 发表了文章 • 29 个评论 • 3139 次浏览 • 2016-11-16 11:54 • 来自相关话题

1、成功发布作品后,在发布成功页面可以看到发布链接和二维码,点击复制链接按钮,如图:






2、把发布链接粘贴在浏览器地址栏,就可以浏览您刚刚发布的作品。 

3、如果想在网页中显示该作品,可以把下面的代码放在目标网页中指定位置的<div></div>标签中,

举例 查看全部
1、成功发布作品后,在发布成功页面可以看到发布链接和二维码,点击复制链接按钮,如图:

1.png


2、把发布链接粘贴在浏览器地址栏,就可以浏览您刚刚发布的作品。 

3、如果想在网页中显示该作品,可以把下面的代码放在目标网页中指定位置的<div></div>标签中,

举例,成功发布的地址为:
http://b1829a12.u.mgd5.com/cam ... .html  

(点击看完整地址)
 
那么放在目标网页中指定位置的<div></div>标签中的代码为:



<script>
 var _mrmcp = {
   "redirect_url": "%LINK%?redir=",       
   "impression_pixel": "%TRACKURL%",      
// 统计像素地址
   "destination_url": "%DESTURL%",   
   "custom_params": "%CUSTOMPARAM%",
   "common_path":"",
   "description":"",
   "thumb":"",
   "render_mode":"normal",
   "receiptUrl": "",     // 邀请卡回执提交地址
   "ticketUrl": "",       // 获取微信认证票据的地址
   "saveFormUrl": "",   // 保存表单的地址
   "eventUrl": ""         // 上报事件统计的地址
    };
</script>
<script 
src="http://card.mugeda.com/scripts/config.js"></script> 

<script defer src="http://res.wx.qq.com/open/js/j ... gt%3B


<script src="http://b1829a12.u.mgd5.com/campaigns/5768e44ca3664e1638000181/20161116105537/579ea17e3bd2083c320040e0/loader.js" id="Mugeda_579ea17e3bd2083c320040e0"></script>



(注:上述粗体是要更换的地方) 

4、如果您使用一个广告服务器(Ad Server),同样可以把上面的代码粘贴到该服务器上广告生成页面的指定位置(一般是一个索要HTML代码的文本框)。
 

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

songyue 发表了文章 • 0 个评论 • 592 次浏览 • 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友们按照自己的需求正确替换即可。
 

 

【直播课】4.24-4.28,Mugeda直播课表

songyue 发表了文章 • 3 个评论 • 3563 次浏览 • 2016-11-11 17:45 • 来自相关话题

(点击查看大图)
 
点此报名,报了名后才能听课哦。
 
PS:本课程提供录播,方便大家复习使用;

 

 

4.24大课表_.png


(点击查看大图)
 
点此报名报了名后才能听课哦。
 
PS:本课程提供录播,方便大家复习使用;

 

 

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

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

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









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




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

IMG_3399_副本.png

双十一_副本.png

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

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

请求多做些API 案例

test099 回复了问题 • 2 人关注 • 1 个回复 • 207 次浏览 • 2016-10-27 09:55 • 来自相关话题

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

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

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

2.2.11 素材与媒体:虚拟现实/全景组件的用法

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

想要了解更多Mugeda功能?>>>猛戳我,学习更多教程​
 虚拟现实场景组件已经更新到beta.mugeda.com,最近会更新到正式版,请亲们留意最新公告哈。  
 点击查看全景演示
 
本节视频教程请点击此处。

简介: 
虚拟现实场景组件,可以用来显示360度全景图片,并添 查看全部
想要了解更多Mugeda功能?>>>猛戳我,学习更多教程​
 虚拟现实场景组件已经更新到beta.mugeda.com,最近会更新到正式版,请亲们留意最新公告哈。  
 点击查看全景演示
 
本节视频教程请点击此处。

简介: 
虚拟现实场景组件,可以用来显示360度全景图片,并添加热点进行交互。  
 
具体教程: 
1、添加组件 
虚拟现实场景组件通过工具栏的“虚拟现实场景”图标添加:
1.png

 
在画布上拖动鼠标画出组件的位置。松开鼠标后,即可进入编辑场景图片的界面。
2.png

 
插入场景图片时,注意图片格式,规定如下:
L.png

 
选择图片后,会出现更多的编辑选项,各区域说明如下图所示:
A.png

 
1) 场景预览区:这里可以看到载入的图片渲染的场景效果,可以用鼠标拖动进行全景浏览; 
2) 场景列表区:显示所有添加的场景,可以对场景添加、删除、编辑、排序; 
3) 热点和场景编辑:用来切换热点和场景;
4) 全局配置:用来设置导航条以及导航条中出现的条目的选择;
 
很多编辑区域均配有即时帮助:
B.png

 
2、编辑场景 
场景具有如下属性:   
1) 图片:即全景的导入图片,支持等距长方投影和三维六面贴图两种格式; 
2) 预览图:在全景载入之前的一个小尺寸图片,可选; 
3) 缩略图:如果选择显示导航条,缩略图会显示在导航条上提示用户,尺寸是64*64; 
4) 标题:每一个场景的名称,会显示在导航条上;
 
3、热点编辑 
点击“热点”标签可以切换到热点编辑模式。在热点编辑模式下,可以添加、删除、移动热点,并未热点指定图形、动画和行为。   
 
击热点列表下的添加图标,可以进入热点添加模式。
C.png

 
进入热点添加模式后,加号图标会变成橙色提醒用户。
123.jpg

 
在热点添加模式下,在场景预览区域点击即可添加新的热点。
D.png

 
点击热点列表中的任一热点,可以在列表中和预览窗口中定位热点,便于识别。
E.png

 
每个热点可编辑的属性有:   
1) 热点名称:用于区分和识别不同热点的名称; 
2) 图标:显示在场景中的图标; 
3) 尺寸:图标的显示大小; 
4) 行为:点击热点后激活的行为; 
5) 操作:对行为进行编辑或者删除热点;  
 
具体说明两点:图标和行为。
 
3、热点图标和行为 
3.1 热点图标 
热点图标Mugeda提供预置的图标,如图:
F.png

 
以外,用户可以上传任意的图片作为热点图标,在“+”位置添加,如图:
G.png

 
并指定相应的尺寸即可,如图:
H.png

 
3.2 热点行为 点击热点后,可以触发一系列的行为。该操作和为物体添加行为类似。
I.png

 
注意“切换虚拟现实场景”行为。这个行为允许用户在点击热点后进行场景和热点切换。切换时,需要指定场景名称和热点名称。其中,热点名称可选,如果不指定,切换场景后会切换到预览窗口所显示的区域。
J.png

 
4、场景属性
222.jpg

 
1) 显示导航:在屏幕下方出现的导航条。当包含2个以上的场景时,建议选择; 
2) 允许陀螺仪控制:是否在导航条上显示陀螺仪控制的切换图标; 
3) 左右分离视角:是否在导航条上显示左右分离视角;这个目前比较小众,建议不选;
 
5、场景渲染 
场景渲染时,可以用鼠标或者手指拖动切换视。如果选择了显示导航,还会出现一个导航条提供进一步的选择包括:上一场景、显示缩略图、VR效果、收起导航栏、下一场景。
K.png

 
6、如何产生全景内容 
产生全景内容的方式有两种:   
1) 用可以产生全景内容的App
例如:Google Street View, Sphere, 百度圈景,等等。在苹果和安卓应用商店可以搜到。   
2) 用全景拍摄设备。这些设备从简单到专业有很多选择,例如Insta360在京东的旗舰店: http://insta360.jd.com/  
 
相关教学视频本周会上线,请留意论坛和群内消息哟~

教程素材不知道哪里找

mingyueliu 回复了问题 • 2 人关注 • 1 个回复 • 302 次浏览 • 2016-10-08 10:05 • 来自相关话题

我想问怎么可以得到别人的H5素材啊,或者抠的很好的图啊

totalacg 回复了问题 • 2 人关注 • 1 个回复 • 239 次浏览 • 2016-09-30 09:24 • 来自相关话题

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

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

 

【Mugeda新功能教程】缩放功能

songyue 发表了文章 • 1 个评论 • 980 次浏览 • 2016-09-12 17:14 • 来自相关话题

想要了解更多Mugeda功能?>>>猛戳我,学习更多教程​
 缩放功能分为两部分: 
1、舞台缩放:对舞台显示内容的缩放,这个不改变物体的实际大小,只是改变显示的大小; 
2、物体缩放:对物体的缩放,这个会改变物体的实际大小;   
 
1、舞台缩放 
本节视频教程请点击此处。

查看全部
想要了解更多Mugeda功能?>>>猛戳我,学习更多教程​
 缩放功能分为两部分: 
1、舞台缩放:对舞台显示内容的缩放,这个不改变物体的实际大小,只是改变显示的大小; 
2、物体缩放:对物体的缩放,这个会改变物体的实际大小;   
 
1、舞台缩放 
本节视频教程请点击此处。

舞台缩放功能位于舞台编辑区域的右上角,并有一个实时帮助信息提示:
配图1.png

 
点击下拉框即可对舞台进行缩放。如果想要进行任意的缩放,可以点击键盘z键进入缩放模式,或者在屏幕左侧的工具栏上选择“缩放”工具。把鼠标放在“缩放”工具上,会弹出一个详细的缩放操作的说明。
配图2.png

 
同样的说明在缩放下拉框右侧也可以打开。
配图3.png

 
一些最常用的鼠标+键盘操作包括:   
在缩放模式下, 1) 点击鼠标放大,Alt+鼠标左键点击缩小; 2) Shift + 鼠标左键点击: 恢复100%缩放; 3) 拖动鼠标左键可以拖动舞台; 在任意情况下: 1) 按住空格键,左键拖动鼠标可以拖动舞台; 2) 右键拖动鼠标可以拖动舞台;   
 
缩放舞台并不会改变数据。只是对舞台进行了缩放和放大,便于查看和编辑。
 
2.、物体缩放 物体缩放的办法有两种: 
本节视频教程请点击此处。

1) 普通缩放:选中物体,然后进入缩放编辑(点击键盘Q,或者从左侧工具栏选择“变形”工具;
配图4.png

 
在变形模式下,选择物体,然后通过物体四周出现的控制块即可缩放物体;
配图5.png

 
2) 整层缩放:有时候,需要对一个或者多个层里的所有内容进行缩放。具体操作是:在时间线上选择需要进行缩放的层。选择层的方式是:用鼠标拖动选中想要缩放的层中的任意数目的时间单元即可:
配图6.png

 
选定层后,点击鼠标右键,从出现的菜单中选择“缩放层数据”:
配图7.png

 
在弹出的对话框中输入想要缩放的比例,例如2, 然后确定。这里需要注意的是,填入2就是放大两倍,填入0.2就是缩小两倍。
配图8.png

 
这时候,所选中的层中的所有物体都会按照指定的比例进行缩放。   
 
缩放物体时,物体的实际大小会发生改变。这个有别于缩放舞台。

【自学必备】最全面的Mugeda教程帖,哪里不会点哪里!

songyue 发表了文章 • 1 个评论 • 1448 次浏览 • 2016-09-09 14:43 • 来自相关话题

总有不少Mu友问“怎么声音出不来啦”、“怎么设置转发标题”、“怎么做测试题H5”?这些问题,Mugeda早就出教程了,快到下面找一找自学一下,点击课程名称,就可学习。  
 
 
一、基础教程(这个一定要看!不学会没法做作品的)
点击开始学习
 

二、直播课程




每周五会提前预告下周直播课 查看全部
总有不少Mu友问“怎么声音出不来啦”、“怎么设置转发标题”、“怎么做测试题H5”?这些问题,Mugeda早就出教程了,快到下面找一找自学一下,点击课程名称,就可学习。  
 
 
一、基础教程(这个一定要看!不学会没法做作品的)
点击开始学习
 

二、直播课程
大课表3.13_.png

每周五会提前预告下周直播课程,方便大家学习,并提供录播,点击报名
每周案例课回放,点击观看(需报名) 
每周功能课回放,点击观看(需报名)
 
 
三、案例教程:
1、【动画类】什么才是福
知识点:曲线变形动画、元件动画、控制元件
9824d6f4539542ddaa89b50bea4e8757.jpg

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

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

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

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

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

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

 
8、【测试题类】猜猜他在吃什么? 
知识点:加载页、行为添加、逻辑判断 
900一号店.jpg

 
9、【新闻类】总理给你送快递
知识点:预置动画、元件动画、裁切组
900人民日报.jpg

 
10、【仿3D类】尚迪品牌宣传 
知识点:关键帧动画、元件动画、制作表单
900时尚.jpg

 
11、【展示类】设计师个人简历
知识点:加载页、添加行为、控制元件
900简历.jpg

 
12、【游戏类】G20小精灵GO
知识点:背景拖动、添加行为、逻辑判断
900g20.jpg

 
13、【设计类】UI动态图标设计 
知识点:元件动画、关键帧动画、预置动画
900-UI图标.jpg

 
14、【仿朋友圈类】CEO邀你群聊
知识点:关键帧动画、行为添加、Mugeda图形绘制
1080雷军邀请你_副本.jpg

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


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

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

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

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




四、Mugeda新功能教程:
1、缩放功能
 
2、绘画板功能
 

3、虚拟现实场景组件
 
4、复制/粘贴/拖拽/添加图片
 
5、最新上线的小功能(1104更新) 
 
6、付费会员如何使用模板
 
7、如何在微信及网页展示已发布的作品
 

五、Mugeda(时时更新的图文版教学课程)
点击开始学习