没有合适的资源?快使用搜索试试~ 我知道了~
H5快速入门手册.pdf
1.该资源内容由用户上传,如若侵权请联系客服进行举报
2.虚拟产品一经售出概不退款(资源遇到问题,请及时私信上传者)
2.虚拟产品一经售出概不退款(资源遇到问题,请及时私信上传者)
版权申诉
0 下载量 148 浏览量
2023-09-22
23:15:40
上传
评论
收藏 1.87MB PDF 举报
温馨提示
试读
21页
H5快速入门手册.pdf
资源推荐
资源详情
资源评论
一、H5 快速入门
平台介绍
Mugeda 就是什么?
Mugeda 就是一个专业级 H5 交互动画制作云平台,基于云平台计算框架,Mugeda
无需任何下载与安装。
如何进入 Mugeda 界面?
1)下载 Google 浏览器:(考虑有些浏览器对 html5 得支持不够,建议使用 chrome
浏览器),打开 Google 浏览器,输入、mugeda、
进入 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 文件,还可以以
序列帧形式添加图片。
文本/文本段落:鼠标在“媒体”工具内选择“文字”按钮,在“舞台”空白处点击
出现文字工具选框。鼠标通过双击选框进入编辑文字工具,点击“舞台”空白处
退出,编辑。鼠标在“媒体”工具内选择“文本段落”按钮,在“舞台”开白处点
击出现文本段落选框。双击进行编辑内容。
插入网页:在“媒体”工具栏下,鼠标点击“网页”按钮,在“舞台”上以拖得方式
插入一个网页;在“舞台”右边得“属性面板”内可设置调节“网页”元素得属
性,例如:宽、高、外围线条(如图可点击颜色版右上角框内得红色“×”去除外;
围线框颜色)、透明度、透视度、旋转角度等;在“属性面板”内得“网页地址”
栏内输入需跳转得网址。
幻灯片:幻灯片即就是在指定得区域内添加多张图片,通过滑动得方式进行切换。
在“媒体”工具栏下,鼠标点击“幻灯片”按钮,在“舞台”上以拖拉得方式插入
一个幻灯片。
上传视频与声音:为防止出现设备不兼容等问题,视频格式建议为 mp4,大小在
20M 以内。如图在“媒体”工具栏下,鼠标点击“视频”按钮,在弹出得“导入视
频”对话框内点击“选择文件”选择所要上传得视频文件。
由于多数设备支持 mp3,因此在 Mugeda 内编辑得音频格式建议为 mp3。
在“媒体”工具栏内选择“声音”按钮,在弹出得“导入声音”对话框中点击“选
择文件”,选择所要上传得音频文件。
绘制素材:点击“绘制”工具栏内得各个工具,可在“舞台”上绘制各种图形,在“属
性面板”下调节各个图形得填充色、线条色以及线条粗度等。
云字体:可以将自己电脑里得字体上传到云字体库中并使用。
曲线图表:在舞台中直接绘制可视化表格。
建组:全选多张图片,鼠标右键→“组”→“组合”; 将“移动/旋转”重设为“不
允许”,“组类型”为“裁剪内容”,“允许滚动”设为“垂直滚动”;
选择“变形”工具将“组”大小调整为小于“舞台”;点击“预览”,发现图片组
合在裁剪得范围内可上下垂直移动。
全景功能:全景功能场景组件,可以用来显示 360 度全景图片,并添加热点进行交
互。
粘贴第三方文字与图片:1、现在可以直接将剪切板得文字添加到物体;2、现在可
以直接将剪切板得图片添加到物体。
常用编辑操作:常用编辑操作包括锁定物体、节点工具、路径工具、排列、对齐、
变形、组合、合并及转换为元件功能。
四、动画类型
时间轴与图层:时间轴就是制作动画得关键功能,时间轴把图层与图像帧按时间进
行组合、播放来形成动画。在时间轴上,我们可以以拖拉得方式进行预览动画效
果。图层类似于 Photoshop 中得概念。
选择工具:选择工具栏下包括“选择”“节点”“变形”“设置舞台缩放”以及“快
捷工具”四种工具。
Mugeda 动画类型:关键帧动画、路径动画、进度动画、曲线变形动画、预置动
剩余20页未读,继续阅读
资源评论
hhappy0123456789
- 粉丝: 59
- 资源: 5万+
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功