H5快速入门手册.docVIP

H5快速入门手册 H5快速入门手册 PAGE / NUMPAGES H5快速入门手册 一、 H5快速入门 平台介绍 Mugeda是什么？ Mugeda是一个专业级 H5交互动画制作云平台，基于云平台计算框架， Mugeda 无需任何下载和安装。 如何进入 Mugeda界面？ 1）下载 Google 浏览器：（考虑有些浏览器对 html5 的支持不够，建议使用 chrome 浏览器），打开 Google 浏览器， 输入 进入 Mugeda首页。 2）注册 Mugeda账号：进入首页后，可点击右上角“注册”，通过几步简单的步 骤注册一个新账号。 也可以点击“立即体验”进入操作界面。 Mugeda功能介绍？ 1）简单制作交互动画： Mugeda操作界面和 Flash 高度相似，因此有 Flash 基础 的朋友基本不用通过学习就可快速制作出一个 H5 作品。此外，设计师也无需添加任何代码即可完成复杂的交互。 除了设计师，工程师在 Mugeda中也大有所为，在“脚本”按钮中，工程师可以写入“ JS”代码来制作自己想要的交互效果。 2）手机观看：在 Mugeda中制作出的 H5作品支持随时手机观看，点击“通过二维码共享”按钮，可用手机扫描出现的二维码观看作品效果。 3）发布作品：点击橙色“发布”按钮，可发布 H5 作品，用 Mugeda平台发布的任何 H5 作品都没有 Mugeda的 Logo，大家可以放心使用。 4）共享、导出作品：Mugeda同时还支持动画作品的共享、 导出。除此之外，Mugeda还支持 GIF、视频、 PNG等格式的导出，基本覆盖现在流行的主流多媒体格式，功能十分强大。导出步骤：“文件”→“导出”→选择导出格式。 5）针对企业账号， Mugeda提供专业企业服务。点击操作界面右上角账号管理的 三角形，在下拉菜单中选择“团队管理”， 可进入团队管理页面。 在管理页面中，可添加企业成员， 方便进行人员及作品管理。 企业账号与子账号， 子账号与子账号之间可共享作品，十分方便。 6） 数据服务： Mugeda还提供专业的数据服务。针对每一个作品，我们可以在 后台统计页面中浏览到数据。 在数据页面， 可以选择统计时间段、 每个时段的浏 览量与用户数，方便运营人员进行详细的分析。基于微信传播， Mugeda还提供 朋友圈、单聊、群聊以及其他四种传播来源数据。 快速入门 添加预置动画 预置动画是 Mugeda根据大众需求在自己的框架里设置好的动画效果。 鼠标选中“选择”工具，点击舞台上的素材，右边“添加预置动画”按钮 （红色圆圈按钮），弹出“添加预置动画”对话框。 制作翻页动画 类似 PPT的翻页效果 学会使用 Mugeda模板 Mugeda提供免费模板和付费模板，其中动画和交互都已经添加好了，用户可根据自己需求重新编辑。 二、界面与舞台 界面与舞台简介 Mugeda的舞台包括常用菜单栏、工具箱（快捷工具栏）、时间线（时间轴）、工具条、页面栏、舞台和属性栏。 舞台缩放和物体缩放功能 缩放功能分为两部分： 1、舞台缩放：对舞台显示内容的缩放，这个不改变物体的实际大小，只是改变显示的大小； 2、物体缩放：对物体的缩放，这个会改变物体的实际大小； 翻页的相关设置 【翻页】中的设置有以下几种方式： 1、 翻页效果： 平移、覆盖、出现、淡入、三维翻转、门轴翻转 2、 退出效果： 无、缩小、淡出、缩小淡出 3、 翻页方向： 上下翻页、左右翻页 4、 循环： 是、否 5、 翻页时间： 默认 600 毫秒，可以自己设置 6、 翻页图标： 默认是箭头，支持直接从素材库上传；如果不想要翻页图标，可以在【翻页图标】处上传一个透明底的 PNG 关键帧和页面的命名 给关键帧和页面命名的好处：要修改动画，比如删帧或者增帧，删页或者增页， 这时如果采用的是跳转帧 / 跳转页的话， 就要一个个去修改， 很麻烦，给关键帧 / 页面命名就方便多了。 加载的相关设置 个性化加载界面的制作。 说明：浏览器 100%才能看到加载页面的设置 物体属性设置 包括设置坐标，改变物体大小坐标、透明度、线条类型、填充、 X/Y/Z 轴旋转、 端点、接合、背景图片、预置动画、组类型、结束时复位、运动等功能的用法。 元件界面介绍 主要讲解新建元件添加到舞台、 复制元件、 新建文件夹、 导出 / 编辑 / 删除元件的用法。 三、素材处理及媒体使用 上传图片 ：Mugeda支持的图片格式包括 GIF、PNG、SVG、JPG文件，还可以以序列帧形式添加图片。 文本 / 文本段落 ：鼠标在“媒体”工具内选择“文字”按钮，在“舞台”空白处点击出现文字工具选框。鼠标通过双击选框进入编辑文字工具，点击“舞台”空白处退出，编辑。鼠标在“媒体”工具内选择“文本段落”按钮，在“舞台”开白处点击出现文