Mugeda本周优化内容如下：

一、优化了工作台整体样式，更易操作。 


图片说明如下：（点击图片查看大图）
1）选中——鼠标拖动该作品可以移动至任意“我的作品”文件夹内。

2）当鼠标滑动至作品名称的范围内，可以显示该作品的全称。

3）优化了已发布标志，避免遮住作品名称。

4）删除按钮，点击直接删除该作品。

5）统计：点击可以查看该作品的统计详情。

6）点击该区域可以预览作品 。


图片说明如下：（点击图片查看大图）

1）优化了预览页面，看起来更加美观。

2）Mugeda为所有的设计师开放了个人空间，点击”加入空间“可以将该作品添加至您的空间。（必须是发布作品才可以）

3）可以将该作品转为您自己的模板，重复使用。

4）直接可以查看该作品的二维码，不需要再用其他的第三方软件了，是不是很方便。

二、优化了教程页面的一些操作体验问题，更方便Mu友们学习

三、优化了发布作品的操作界面


图片说明如下：（点击图片查看大图）

1）点击作品名称可以直接修改备注名（第一次发布不可以改哦）。

2）点击可以复制链接，Mu友再也不用担心找不到发布地址啦。

3）删除：点击之后该作品的发布地址将不能再访问，但是该作品还可以您的“动画作品”找到。（注意：如果选择删除，该作品发布地址无法找回，必须发布新链接才可以访问，但是跟之前链接不同哦）

4）可以直接查看该作品的二维码，点击鼠标右键另存为，可以保存1000*1000高清大图。

四、优化了模板的操作界面和使用流程



五、管理账号可以查看子账号的作品，还可以看到作者哦。 



六、增加了“推荐设计师”标志，点击设计师昵称可以查看该设计师的所有作品。 



七、设计师空间免费开通（每个Mu都有自己的个人空间啦） 



如果您想在Mugeda官网的设计师页面展示，并且被推荐，您需要添加至少3个优质的作品（添加方法如下图“1”，然后选择“我要被推荐”下图“2”，按照要求发送资料就可以啦，敬请期待我们的通知吧。



成功申请设计师后的福利：（联系QQ：3024076303）

H5作品宣传／享受会员折扣／赠送任意2个模板／免费外包接单

八、bug修复

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

当我们制作的动画有2页以上，就会用到属性栏的【翻页】，如图：

 
【翻页】中的设置有以下几种方式： 
1、 翻页效果： 平移、覆盖、出现、淡入、三维翻转、门轴翻转
 
2、 退出效果： 无、缩小、淡出、缩小淡出  
 
3、 翻页方向： 上下翻页、左右翻页  
 
4、 循环： 是、否  
 
5、 翻页时间： 默认600毫秒，可以自己设置
 
6、 翻页图标： 默认是箭头，支持直接从素材库上传；如果不想要翻页图标，可以在【翻页图标】处上传一个透明底的PNG

 
7、 多页动画如何设置无缝跳转： Mugeda是分页加载模式，如果做了多页动画，想让动画过渡的更自然，可以在【翻页效果】设置为出现。

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

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

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

 
PSD素材分图层导入舞台，而且导入的图片和PSD中的位置完全一致，如图：

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

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

 
如果导入的PSD文件过大，会出现如下提示：

 
2、问：为什么我导入不了带有图层样式的PSD？ 
答：在PS中做了一张有图层样式的素材，如图：

 
导入Mugeda里效果如下，如图：

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

 
经过这样的处理后，再导入Mugeda，就可以保留原来素材的效果，如图：

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

 
选择合并后，如图： 

 
把这个素材导入到Mugeda里，默认保留了通道，如图：

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

 
如果素材过大，可以利用PS中的裁剪工具裁剪成多个再保存，如图：

 
 

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

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

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

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

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

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

 
灰色图形就会把紫色图形盖住，如图：

 
2、对齐，具体操作步骤如下： 
对齐有左、右、上、下、左右居中（以左右的中心点对齐）、上下居中（以上下的中心点对齐）、均分宽度（间隔的宽度相同）、均分高度（间隔的高度相同）8种方式，如图：

 
3、变形，具体操作步骤如下：  
为左右翻转和上下翻转，如图：

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

 
组合后双击可以对单个物体进行编辑，如图：

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

 
两个图形会合并成一个图形，如图：

 
选择【用上层物体裁剪】，效果如图：

 
选择【用下层物体裁剪】，效果如图：

 
选择【相交】，效果如图：

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

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

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

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

 
选中工具栏中的【节点工具】，可以对物体的运动线路进行自定义，如图：

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

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

 
显示和隐藏路径线，可以通过【切换路径显示】来操作，如图：

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

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

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


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


选中图形，并选择节点工具，如图：



选中想编辑的节点，单击右键，可【添加节点】【删除选中节点】【重置选中节点】，如图：


选中节点，控制手柄就可以调整曲线，如图：


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



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

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

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

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

在编辑菜单里，是Mugeda的常用编辑操作，如图：

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

 
选择要锁定的物体，【编辑】—【锁定物体】，就把选中物体锁定，不可对其进行编辑，如图：

 
如果想重新对锁住物体进行编辑，选择【编辑】—【全部解锁】即可，如图：

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

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

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

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

 
给方块添加改变元素属性行为，触发条件为出现，如图：

 
进入编辑设置相关参数，取值{{a.top}}，如图：

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

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

 
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”的上坐标，默认是保留三位小数，如图：


实现效果，如图：


在舞台上新添加一个文本框t2，让它的值等于t，如图：


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

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

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

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

 
8、字符判断

'{{a}}'.length==n     判断字符串的长度
'{{a}}' == ''                等于空
'{{a}}' != ''                不等于空
'{{a}}' == 'mugeda'   等于字符
'{{a}}' != 'mugeda'  不等于字符



           

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

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

 
标尺就会显示在舞台上，如图：

 
两侧标尺的绿色线条可以作为我们的辅助线，如图：

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

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

 
关闭标尺，辅助线依然存在，移动物体可以看到物体的参考位置，如图：