如何添加与删除素材元素（图片、文本、矩形、圆角矩形、椭圆等）？

Mugeda动画的中的内容都是以各种元素的形式组成的。
 
对于添加到舞台上的元素：
1、我们可以在时间线上添加动画；
2、可以在属性对话框中修改相应属性；
3、可以在脚本中通过名字获取到该元素对象，通过Javascript代码，通过Mugeda API 操作该元素从而完成更加丰富多彩的内容；
（添加元素和修改其属性，给元素添加动画和通过脚本操作元素将会其他章节中有详细介绍）

Mugeda支持的元素类型有图片、文本、矩形、圆角矩形、椭圆等。
对于除了图片以外的元素类型，都可以通过在工具栏中选中所需元素对象，然后单击或者拖动到舞台上来添加。
后面分别介绍添加各种类型对象的方法。



从工具栏中选择所需的对象，然后单击或拖动以添加到舞台上。



添加图片的方法有：从本地文件获取、从网页获取、批量上传三种。

1、点击上图标示的图片元素按钮，打开上传图片对话框。点击“上传文件”选项来从本地文件上传图片。



2、还可以选择“输入网址”选项来网页获取图片



3、选择“批量上传”选项，可以通过拖拽的方式从本地一次上传一或多张图片



4、一旦图片上传，点击选择按钮就可以将图片添加到舞台上



注意：

• 已经上传的图片可以在图片素材库中重复使用
• 在图片库中双击图片或选中后点击添加图片，可以将选中的图片添加到舞台上

可以通过点击文本按钮，通过舞台上点击或者直接拖动来添加文本元素。然后可以在属性对话框中进一步编辑其参数，包括文字、颜色、位置、宽高、对齐方式、字号等等。



通过矩形、圆角矩形、椭圆按钮可以将相应的图形元素添加到舞台上，同样可以在属性对话框中进一步编辑其参数。各种元素的属性种类略有不多，比如只用文本类型才有文字的属性。

对于已经添加到舞台上的元素，可以点击“选择”按钮以后，在舞台上点击该元素来选中它。



可以通过拖动的方式选中一个或多个元素。



可以按下Ctrl建点击各个元素来同时选择多个对象。



点击“变形”按钮后，通过拖动对象周围的某一控制点来缩放对象。



通过拖动旋转节点可以旋转对象。



对象的大小、位置、旋转、透明度等属性也可以在属性对话框中编辑。

删除素材库里的素材：
 
1、在IDE中，点击素材库图标，进入管理界面删除，如下图
 


2、进入用户初始界面，通过“素材管理”菜单对用户私有素材进行删除或添加。（如下图）
 


注意：当你素材库的内容应用于所创建作品时，删除该素材会导致作品中素材丢失，但对发布后的作品链接无影响。

更多学习内容：
使用Mugeda创建第一作品（做一个h5）

这两天小编收到各种私信，“这种用Mugeda 能做吗”？





网易哒哒出品的这个H5，在奥运这场营销竞赛中拔得头筹：个性强、有故事性、交互有意思，一上线就吸睛无数！

仔细研究下，这个H5的技术难点就在于“如何让用户自由绘制的小人，在后面的场景中做运动”？

不信吧？这个难点用Mugeda制作只需要三步：（点图片看高清版）

（1）      第一帧，在舞台上放入画布功能



A.画布的底色、宽高等在右侧属性栏里设置

B.给画布在右侧的属性栏命名“小人”

（2）新建一页绘制一个方框（小人的运动范围）





A.给方框新建一段关键帧动画

B.给方框在右侧的属性栏命名“动画”

（3）在第一页的位置插入“完成按钮”






A.给按钮添加“点击播放下一页”行为

B.给按钮添加改变图片行为，用命名的画布（“小人”）替代命名的方框（“动画”），即源元素替代目标元素。

原理就是这样，是不是敲简单！而且已经有Mu友用这个原理，做了一个更酷的！感谢Mu友：手冢治





相关案例：
 
南山双创大冒险   作者：微盐




 

1、文字滚动播放不成功，只显示文本框里的内容，是什么原因？

答：选择右侧的“变形”工具来控制文字框大小，拉大文字框让所有文字都在框内显示。

2、后台数据统计浏览量和用户数是如何定义的？我想准确知道有多少人看了，如果想深入做到了解看的人的查看轨迹和页面停留时间，怎么做呢？

答：浏览量是作品被浏览的次数，用户数是指浏览的唯一人数，如果你想知道有多少人看了就看用户数。

查看轨迹我理解是传播来源，在Mugeda统计一栏都可以看，朋友圈、单聊、群聊的数据。

页面停留时间的话，你可以加事件统计，看一下这个文档或许对你有帮助：http://support.mugeda.com/?page_id=1956

3、请问画布/绘画板，能否去掉勾叉图标，设置手指抬起保存图片？

答：勾叉自定义图片功能已经安排工程师开发了，过段时间会上线，到时候第一时间去体验吧~

4、微信公众号上的贺卡，网站模板里有吗？

答：您说的是卡司令吗？卡司令是Mugeda的内容展示平台，部分内容在模板里可以看到，年费用户可全部免费使用，成为年费用户：http://www.mugeda.com/pricing.php

5、如何做出一个刮卡的有奖活动呢？

答：你好，首先你需要两张图片，一个是刮奖前的图片（比如一张灰色图片），一个是刮奖后的图片（中奖情况），然后刮卡的效果，你可以使用木疙瘩的擦玻璃功能。然后通过右侧属性栏可以设置前景图片，和背景图片，擦除的比例等。



6、请问怎么设置？（添加一个按钮点击后一个图片消失，另一个图片出现）

答：先给每个图片放到一个元件里，元件里制作好出现到消失的动画，并且在第一帧和出现完成的那一帧画个小方块，增加“暂停”的行为，触发方式为“出现”。然后在舞台上可以用按钮控制对应图片元件跳转并播放对应的帧来实现！

7、如何实现转盘转动后随机连接到我编辑好任意一个的动画元件中？

答：加个跳转到帧的行为 ，帧数中 输入一组数字 实现随机跳转。

8、图片加载缺失怎么解决？

答：你的这个 问题应该是你删除了素材库中的图片造成的。建议，不要删除素材库中动画中用到的素材，需要你重新上传素材并重新在作品中制作那个素材对应的动画。

9、请问如何实现前面三页用同一个背景音乐，后面几页每一页单独一个音乐？

答：能实现的办法有2个：

1）将前面三页做在一页上，

2）用背景先贯穿整个动画，然后在第四页先停止所有音乐，然后播放单页的音乐。同时在第3页开始加播放背景音乐。

10、做答题游戏（选择题的），我应该怎么设置选项，答对计得分，答错不计分，另外问答最后结果怎么设置啊？

答：做一个 文本框用来记录分数，给正确的选项上加行为“改变元素属性-点击-文本框的文本取值”在原有的基础上增加相应的分数。

问答最后结果怎么设置，用改变元素属性的行为，通过执行条件的判断设置对应的结果，你可以在 腾讯课堂里，搜 mugeda 看下关于测试题的案例教程。

11、木疙瘩可不可以复制图层？

答：图层不可以复制，但可以把别的帧复制到新的图层上去。

12、把A拖到B处触发行为要怎么做，然后触发下一页？

答：使用增加“下一页”的行为，触发方式选择拖动结束，执行条件选择“逻辑表达式”，判断当A和B方块接触就行！公式可以百度搜索“碰撞检测”获得。

13、设置图片向左滑动，触动行为怎么设置？

答：图片向左拖动的话，在图片的属性里“拖动/旋转”一项中选择 “水平拖动”即可，然后增加一个“改变元素属性”的行为，使得图片如果是向右移动的话，归位到初始位置即可！如果是需要手指在图片上向左滑动但是图片不跟着动的话，添加行为后，触发方式中选择“手指向左滑动”即可！

14、不需要文字描边，怎么取消？

答：在线条的颜色选区窗口中，右上角的颜色预览框有个小的X，点击那个就可以取消，如果觉得难点的话也可以把A数值改为0，A是透明度（alpha）的英文头字母！

15、行为控制面板改变元素属性中为何找不到元素？



答：重新检查下，是否给元素命名了。

16、泼墨效果如何才能做的顺畅？

答：用遮罩做字的效果，打开速度有点慢，建议再压缩下图片。

17、【长按】如何屏蔽系统长按菜单？想做个类似指纹识别的项目，发现长按会弹出系统的长按菜单。

答：你在按钮上绘制一个图形，在图形上添加“手指按下”行为。如果再舞台外导入一个图形，直接在上面添加行为，长按会出现系统菜单，用Mugeda本身绘制图形就不会出现这种情况了。

18、遮罩动画有些抖动，怎么办？http://www.mugeda.com/client/preview_css3.html?id=4d636319

答：关于遮照的问题涉及的内容比较多，我们还在处理中，完善后会及时通知大家，暂时您可以参考这个链接中的方法试试http://bbs.mugeda.com/?/question/224