H5快速入门手册

1、H5快速入门平台介绍Mugeda就是什么？Mugeda就是一个专业级H5交互动画制作云平台，基于云平台计算框架,Mugeda无需 任何下载与安装。如何进入Mugeda界面？1）下载Google浏览器：（考虑有些浏览器对html5得支持不够，建议使用chrome 浏览器），打开Google浏览器，输入、mugeda、进入Mugeda首页。2）注册Mugeda账号:进入首页后，可点击右上角注册”通过几步简单得步骤注册 一个新账号。也可以点击立即体验”进入操作界面。Mugeda功能介绍？1）简单制作交互动画:Mugeda操作界面与Flash高度相似，因此有Flash基础得朋 友基本不用通过学习就可快

2、速制作出一个H5作品。此外，设计师也无需添加任何代 码即可完成复杂得交互。除了设计师，工程师在Mugeda中也大有所为，在脚本”按钮中，工程师可以写入“ JS”码来制作自己想要得交互效果。2）手机观瞧：在Mugeda中制作出得H5作品支持随时手机观瞧，点击通过二维码 共享”按钮,可用手机扫描出现得二维码观瞧作品效果3）发布作品：点击橙色发布”按钮,可发布H5作品，用Mugeda平台发布得任何H5 作品都没有Mugeda得Logo,大家可以放心使用。4）共享、导出作品:Mugeda同时还支持动画作品得共享、导出。除此之外,Mugeda 还支持GIF、视频、PNG等格式得导出，基本覆盖现在流行得主

3、流多媒体格式，功能 十分强大。导出步骤：文件”-导出”鼠择导出格式。5）针对企业账号,Mugeda提供专业企业服务。点击操作界面右上角账号管理得三 角形，在下拉菜单中选择团队管理”可进入团队管理页面。在管理页面中，可添加企业成员，方便进行人员及作品管理。企业账号与子账号，子账号与子账号之间可 共享作品，十分方便。6）数据服务:Mugeda还提供专业得数据服务。针对每一个作品，我们可以在后台统计 页面中浏览到数据。在数据页面，可以选择统计时间段、每个时段得浏览量与用户 数，方便运营人员进行详细得分析。基于微信传播,Mugeda还提供朋友圈、单聊、群 聊以及其她四种传播来源数据。快速入门添加预置动

4、画预置动画就是Mugeda根据大众需求在自己得框架里设置好得动画效果。鼠标选中选择”工具，点击舞台上得素材，右边添加预置动画”按钮（红色圆圈按钮）， 弹出添加预置动画”寸话框。制作翻页动画类似PPT得翻页效果学会使用Mugeda模板Mugeda提供免费模板与付费模板，其中动画与交互都已经添加好了，用户可根据 自己需求重新编辑。二、界面与舞台界面与舞台简介Mugeda得舞台包括常用菜单栏、工具箱（快捷工具栏）、时间线（时间轴）、工具 条、页面栏、舞台与属性栏。舞台缩放与物体缩放功能缩放功能分为两部分：1、舞台缩放：对舞台显示内容得缩放，这个不改变物体得实际大小，只就是改变显 示得大小；2'

5、;物体缩放：对物体得缩放，这个会改变物体得实际大小；翻页得相关设置【翻页】中得设置有以下几种方式：1、翻页效果：平移、覆盖、出现、淡入、三维翻转、门轴翻转2、退出效果：无、缩小、淡出、缩小淡出3、翻页方向：上下翻页、左右翻页4、循环：就是、否5、翻页时间：默认600毫秒,可以自己设置6、翻页图标：默认就是箭头，支持直接从素材库上传；如果不想要翻页图标，可以 在【翻页图标】处上传一个透明底得PNG关键帧与页面得命名给关键帧与页面命名得好处：要修改动画，比如删帧或者增帧，删页或者增页，这时 如果采用得就是跳转帧/跳转页得话,就要一个个去修改，很麻烦，给关键帧/页面命名就 方便多了。加载得相关设置个

6、性化加载界面得制作。说明:浏览器100%才能瞧到加载页面得设置物体属性设置包括设置坐标，改变物体大小坐标、透明度、线条类型、填充、X/Y/Z轴旋转、端 点、接合、背景图片、预置动画、组类型、结束时复位、运动等功能得用法。元件界面介绍主要讲解新建元件添加到舞台、复制元件、新建文件夹、导出 /编辑/删除元件得 用法。三、素材处理及媒体使用上传图片：Mugeda支持得图片格式包括GIF、PNG、SVG、JPG文件，还可以以 序列帧形式添加图片。文本/文本段落：鼠标在“媒体”工具内选择“文字”按钮，在“舞台”空白处点击 出现文字工具选框。鼠标通过双击选框进入编辑文字工具，点击“舞台”空白处退 出，编辑

7、。鼠标在“媒体”工具内选择“文本段落”按钮，在“舞台”开白处点击出 现文本段落选框。双击进行编辑内容。插入网页：在“媒体”工具栏下，鼠标点击“网页”按钮，在“舞台”上以拖得方式素得属性，插入一个网页；在“舞台”右边得“属性面板”内可设置调节“网页” 例如:宽、高、外围线条（如图可点击颜色版右上角框内得红色“X”去除外围线框颜色）、透明度、透视度、旋转角度等；在“属性面板”内得“网页地址”栏内输入需 跳转得网址。幻灯片：幻灯片即就是在指定得区域内添加多张图片，通过滑动得方式进行切换。在“媒体”工具栏下，鼠标点击“幻灯片”按钮，在“舞台”上以拖拉得方式插入一个 幻灯片。上传视频与声音：为防止出现设

8、备不兼容等问题，视频格式建议为mp4,大小在20M 以内。如图在“媒体”工具栏下，鼠标点击“视频”按钮，在弹出得“导入视频”对 话框内点击“选择文件”选择所要上传得视频文件。由于多数设备支持mp3,因此在Mugeda内编辑得音频格式建议为mp3。在“媒 体”工具栏内选择“声音”按钮，在弹出得“导入声音”对话框中点击“选择文件”，选择所要上传得音频文件绘制素材：点击“绘制”工具栏内得各个工具， 性面板”下调节各个图形得填充色、线条色以及线条粗度等。可在“舞台”上绘制各种图形，在云字体：可以将自己电脑里得字体上传到云字体库中并使用。曲线图表：在舞台中直接绘制可视化表格。建组:全选多张图片，鼠标右键

9、一 “组组合”；将“移动/旋转”重设为“不允许”，“组类型”为“裁剪内容”，“允许滚动”设为“垂直滚动”；选择“变形” 工具将“组”大小调整为小于“舞台”；点击“预览”，发现图片组合在裁剪得范 围内可上下垂直移动。全景功能：全景功能场景组件，可以用来显示360度全景图片，并添加热点进行交 互。粘贴第三方文字与图片：1、现在可以直接将剪切板得文字添加到物体；2、现在可 以直接将剪切板得图片添加到物体。常用编辑操作：常用编辑操作包括锁定物体、节点工具、路径工具、排列、对齐、变 形、组合、合并及转换为元件功能。四、动画类型时间轴与图层：时间轴就是制作动画得关键功能，时间轴把图层与图像帧按时间进行 组

10、合、播放来形成动画。在时间轴上，我们可以以拖拉得方式进行预览动画效果。图 层类似于Photoshop中得概念。选择工具：选择工具栏下包括“选择”“节点” “变形” “设置舞台缩放”以及“快捷工具”四种工具。Mugeda动画类型：关键帧动画、路径动画、进度动画、曲线变形动画、预置动画、 元件动画、遮罩动画、动画运动分页/加载页:在舞台右侧“加载”得页面，在其下拉 景图片、前景图片等。标尺与辅助线得使用：在菜单栏，选择【视图】一【标尺】， 就可调出标尺工具。复制帧/图层：选择某一个图层得全部帧，右键选择【复制帧】， 在没有帧得地方右键【粘贴帧】。选中要复制图层得所有帧，右键【复制帧】，在要 粘贴得

11、页面中新建图层（与复制得图层数相同），选择没有帧得地方，【右键】粘贴 帧。菜单内可自行设置加载属性。例如填写“提示文字”、设置文字大小、颜色，添加背行为添加以及触发事件：交互行为都在物体右边得“添加/编辑行为”按钮里添加。其中包括“动画播放控制” “媒体播放控制” “属性控制” “微信定制” “手机功能”五大部分。“动画播放控制”包括“暂停” “播放” “下一帧” “上一帧”等行为功能；“媒体播放控制”包括“播放声音” “停止所有声音” “控制声音” “播 放视频”等行为功能。；“属性控制”包括“改变元素属性” “设置定时器” “跳转 链接” “提交表单”等行为功能。“微信定制”包括“定制图片

12、” “录制声 音” “显示微信头像” “显示微信昵称” “定义分享信息”等行为功能。帧得行为：帧得行为有“播放” “暂停” “下一帧” “上一帧” “跳转并播放” “跳转 并停止”。页得行为：页得行为包括“上一页” “下一页” “跳转到页” “禁止翻页”以及“恢 复翻页”等行为。播放元件片段：控制元件得播放，让其只播放部分片段，在H5交互游戏中用得比较 改变元素属性：在元素对应得“属性”面板下，无论就是宽、高、左、上、透明度 等可提取到得数值都可作为改变元素属性得属性 改变图片：改变图片即当点击或触发改变图片行为时，图片即会被改变。设置定时器：设置定时器行为有暂停定时器、继续定时器、重置定时器

13、。手机功能：手机功能包括打电话、发短信、发送邮件、地图等功能。跳转链接：添加跳转链接有两种方法： 其一，在弹出得“编辑行为”对话框中选择“属性控制”-“跳转链接” 一触发条件：点击。点击“编辑”按钮进入“参数”对话框；其二,在元素右侧得“属性”面板下得“动作”下拉菜单中选择“链接”，在弹出得链 接选框中输入相应链接，选择相应“打开位置”。六、控件使用陀螺仪:手机得重力感应运用得就就是陀螺仪得功能，可以控制绕X轴旋转角、绕Y轴旋转角、绕Z轴旋转角。定时器：定时器就是一个带有定时功能得文本，随定时器时间得变化，文本显示变化得时间，方向分为倒计时与顺计时两种。使用场景可能就是游戏计时，或者动画中某

14、物体得某一属性随时间做相应关联变化等等 随机数:在被选中得元素“属性”面板下可设置随机数得各种属性：最小值、最大值、更新间隔等，运用随机数可以做抽奖与交互小游戏。擦玻璃：“控件”工具栏中得“擦玻璃”控件，可以实现擦除前景图片，露出背景图片 得功能，还可以设置橡皮擦大小与剩余比例（即:擦除图片得大小与擦出剩余多 少显示背景图片）点赞：点赞功能为系统默认累加，每个用户只能允许点赞一次。绘画板：如果想在作品中使用手绘图得功能，可以使用【绘画板】控件。七、微信功能微信头像/微信昵称:微信头像/微信昵称功能可以在H5上显示用户得头像及昵称。 定制图片：可以实现用户上传自定义图片得功能。录制声音：可以实现

15、录制声音及播放声音得功能。分享信息：定义分享信息包括在微信里转发给朋友或朋友圈时得一个转发标题、转发 描述与朋友圈得转发标题。自定义表单：自定义表单工具包括“输入框” “单选框” “多选框” “列表框”。默 认表单:Mugeda提供默认得默认表单，可设置得选项包括表单名称，提交方式，提交 目标，确认信息，选择背景颜色与字体颜色等。没有在内得选项，还可以点击“添加 表单项”按钮添加。定制文字：选中“定制文字”按钮素材，在其“属性”面板下选择“动作”为“表 单”，点击“定制文字”按钮素材得绿色“添加/编辑行为”按钮。九、关联绑定及逻辑判断舞台动画美联：“舞台”上得动画关联即用一个物体控制整个“舞台

16、”动画得播元件 动画关联：“元件”得动画关联与“舞台”得动画美联相似，区别就是将对象由“舞台”转变为“元件”。属性关联:在“属性”面板下，所有属性右边都会有“关联”按钮，可美联得属性有: 关联对象、美联属性、失联方式、被控量等。自动关联:在“舞台”上添加一个矩形作为被控对象，添加一个圆形作为控制物，在 圆形得“属性”面板下调节“拖动/旋转”属性为“水平拖动”，可以实现一个物体 控制另一个物体得类似功能。公式关联:用公式关联控制物体得属性及行为。条件判断:条件判断即通过一个物体得属性条件，判断物体行为就是否执行。逻辑表达式判断：逻辑表达式判断即当物体条件符合所设定得表达式。十、Mugeda AP

17、IAPI得应用:在动画中添加代码Mugeda API提供了一组接口，可以通过代码得方式操作动画。常用于制作游戏与带有交互性得动画。使用Mugeda API需要了解javascript。在动画中添加代码在IDE中有三种方式，可以使得您得代码与动画进行互动。通过脚本对话框1、脚本加入方式在IDE中，点击工具栏上得脚本按钮，在脚本窗口中添加脚本。脚 本分为 全局“脚 本与页”脚本。全局脚本就是整个动画得脚本，页脚本跟随页面， 当页面被复制时,页脚本同样会被复制。全局脚本与页脚本得运行顺序就是：全局脚本一页1脚本一页2脚本全局与页脚本间得变量就是隔离得，如果需要通讯，可以将变量挂在mugeda对象上或

18、 者window对象上。例如：在全局脚本中window、abc = 1;在页1中alert(window 、abc); 弹出 1在全局脚本中，可以直接使用mugeda对象。在页脚本中，除了可以直接使用mugeda对象外，还可以直接使用page In dex对象,page In dex就是一个整数，指示脚本得页号。例如，在页1得脚本中，可以查询到脚本页号：'alert(pagelndex); /弹出数字 0，如果以后调整了页与页之间得顺序，pageindex会自动变化。2、调试这种方式加入得脚本，如果需要调试，需要区分以下两种方式：(1)在IDE中,通过点击工具栏上得 预览”按钮预览动画

19、，或扫描IDE中二维码得方 式预览动画。此时脚本就是通过javascript得new Function得方式在内存中运 行。 调试一般采用javascript中得con sole、log、debugger方法进行调试。(2)动画被导出之后,所有脚本会写入导出包中,action开头得一个js文件中。动画运 行时，在浏览器调试台中可以瞧到这个脚本文件，在其中加断点、调试。通过导入脚本得方式导入在IDE菜单中，点击文件”-导入“ T脚本”在对话框中，输入脚本文件得url。url可以 指向服务器上得js文件，或者指向本机得地址。在动画加载时,url指向得脚本文件会 在开始阶段被加载。可以通过浏览器调试

20、这个文件。外部调用另一种方式，就是将动画嵌入自己得网页，在网页中直接调用mugedaAPI来控制 动画。API得应用：Mugeda API得整体结构Mugeda API整体上分为三个层次:mugeda对象、scene对象、aObject。每个mugeda对象与单个动画对应，就是访问单个动画得入口。通过访问mugeda对象，可以得到mugeda得总体信息。如：大小、标题。动画中，每个时间轴对应于scene对象，主舞台与元件实例都有对应得scene对 象。通过操作scene,可以获取事件轴得信息，对播放位置做跳转。每个动画物体与aObject对象相对应，控制aObject,就可以控制物体得位置、透

21、明度、 可见性。API得应用:Mugeda对象mugeda对象就是整个API得最顶层命名空间。mugeda对象得获取在脚本编辑器中,mugeda对象已经注入，可以直接在代码中写mugeda使用。如果将动画嵌入网页，按照动画加载前与动画加载后，获取mugeda对象得方式不 一样。1、动画加载前如果需要在动画加载前获取mugeda对象，可以通过在动画所在得document上 设置 侦听得方式获取。document、addEventListeneugedaReady', function()var mugeda = win dowpMugeda1fcurre ntAn i');如果网

22、页中嵌入了多个动画，每个动画都会引发上面得回调函数。2、动画加载后如果需要在动画加载后获取mugeda对象，如果网页中只有一个动画，只需要用下 面得代码就可以了(注:window为动画所在得window)。var mugeda = win dowpMugeda'jfcurre ntAn i;如果页面中包含多个动画，需要用下面得方式遍历找到需要动画得 mugeda对 象。win dow'Mugeda''a ni mati on s'、forEach(fu ncti on( mugeda)此时可以通过mugeda得其她属性，例如mugeda、Mtle找到想要

23、得mugeda对象)；其她话题：如何将Mugeda动画嵌入自己得网页中？Mugeda动画除了可以在手机浏览器中全屏播放外，还可以将其作为网页中得一部分, 放在自己得网页中。目前，在PC端得chrome、firefox、E11等现代浏览器中都能 正常播放。可以通过两种方式将动画嵌入网页。-、iframe 方式如果您使用得就是Mugeda提供得发布功能，得到了发布地址，可以在网页中，直接 加入iframe得方式嵌入动画。发布后得地viframe frameborder="On width=n320" height=n512" src="址”</ifra

24、me>如果您就是通过导出动画包得方式（zip文件），将文件解压托管到自己得网络空间中,也可以通过上面得方式,将iframe得src属性指向导出包中得index、html文 件得地址。、直接嵌入方式有些时候，可能不希望通过计rame加载动画，例如，在早期ios版本中,iframe可能 有一些性能或兼容性问题，或者希望拥有更好得可控性，可以将Mugeda直接嵌入 网页中。1、静态载入在每个动画导出包中，都包含loader、js文件。在html代码中加入以下得片段，指 向这个文件。<div style=Mwidth:320px;height:512px;positi on:relativ

25、e;lf）<script>window、_mrmcp = "creativejDath'1: "pa5/H, /指向动画文件夹得位置"scriptjd": "box", /包含动画 script 元素得 idHre nder mode'1: "embedded”)v/script>vscript src="pa5/loader、jsH id=,box,x/script></div>2、动态插入在不允许直接修改html得情况下，可以通过代码得方式，动态得将动画加到网

26、页中°假设网页中存在id为con tai nerl与contain er2得空div:<div id=Hcon tai nerln style=Hwidth:320px;height:512px;positi on:relative;H></div><div id=Hc on tai ner2H style='width:320px;height:512px;positi on:relative;H></div>下面得代码，动态得将2个动画插入这两个空div中。<script>var script = documen

27、t 、createElement(nscriptH);script、src = Hpa5/loader、jsM;script、id = Hscript1、js”；window、_mrmcp = Hcreative_path": "pa5/","scriptjd": "scriptl",Hren der_mode,f: "embedded”)script、onload = function()var script = document、createElement(HscriptH);script、src = Hpa6

28、/loader、js”；script、id = lfscript2、js'1;window、_mrmcp = "creative_path": upa6/","script_idH: ,'script2",Hre nder_modeH: "embedded”)document 、getElementByld(ncontainer2")、appendChild(script);)document、getElementByld(Mcontainer1H)、appendChild(script);</scri

29、pt>mugeda对象得事件mugeda对象包含动画加载过程中得事件，如下代码所示:var mugeda = wi ndowp'Mugedap'curre ntAn in;mugeda、 addEventListener(Hscriptreadyn, function()/当动画脚本加载完成后引发回调，this指向mugeda对象（下同）。）；mugeda、addEventListener(Himageready", function()/ 当动画预加载图片完成后引发回调。);mugeda、addEventListener(Hrenderready'f,

30、 function()/ 当动画准备完成，开始播放前得那一刻引发回调。);mugeda、addEventListener("click", function()/ 在舞台上侦听点击事件)；其她话题：动画在显示加载界面时，到底在加载什么？动画需要加载必要得文件后才可以正常播放：js文件:在脚本窗口中输入得脚本、通过 导入”脚本，对话框加入得脚本，播放器得依赖文件得脚本。图片:需要预先加载一部分图片(目前就是预先加载第一页得图片)，以免渲染开始动画时，图片没有加 载而出现空白画面。加载时，图片与脚本并行加载。当所有脚本加载完成，在mugeda对象上引发scriptready事件

31、，此 时，可以访问到所有得脚本；当所有图片加载完成后，引发imageready事件。当两个时间都引发后, 弓发 renderready 事件。API得应用:scene对象对于主舞台、元件实例这样拥有时间轴得动画元素，都拥有对应得scene对象。通过操作scene对 象，可以使用编程得方式，获取当前得播放位置、跳转播放位置、获取主舞台上得物体等操作。获取scene对象对主舞台，直接通过下面得方式获取：mugeda.addEventListener( Jrenderreadyirvar functi scene = mugeda,scene;）；对元件实例，首先需要在舞台上对元件实例命名（例如“A

32、”然，后通过下面得方式获 取：mugeda.addEventListenerCrenderready", functi vcir scene = rnugeda.scene;vcir symScene = scene.getObjectByNameCMA1Ascene对象得属性 seene对象包含了主舞台与元件实例时间轴与播放进度得信息。1、获取当前播放位置与状态获取当前播放的帧号var currentFrameNumber = scene.currentld;var currentFrameNumberDecimal = scene,currentDecimalld;/获取当前页号

33、（对元件，始终返回0）var currentPagelndex = scene.currentPagelndex;/获取当前播放是否暂停var isPlaying = scene.playing;/获取scene对应的ctom元素 var dom = scene dom;其中 currentld 为 currentDecimalld 得取整值。其他话题：什么当前增枚的帧号可以屋小数。在IDE中.如果将桢率设置为12,意味着哥以以秒的棘度，编辑做怵的变换位但在其际动画播放的时候.为增加流畅度渲集器以尽可能低的时间间隔对屏幕进行更绘，如果聿绘的时间间隅小于0Q83®j”即小于IDE中设岂

34、的一帧的时i田间隔.渲集器骆对物悴的变化撞值，计算两柳之间变换的中间位上L将其绘于屏暮上，这个时埃就出现了小数菌号-scene.curnentld'. scene.currentDecimalid. mugeda.dettaFrame,配合后面介绍的 enterfrgme八件.可以料确 的知道动匣的榕放进度.其他话题：currentld的取值是怎样的？currentld的取值从0开始连续熔加-和IDE时间轴下面的救字不一样，scenexurrentldis回的值比IDE中时间轴 卜方的数字小1.当主舞台上含有多个页时，页和页之间的时间轴在数据上是连接在一起的。例如*有两反.每页都有10

35、帧。那么播放到第一页的时按.currentld取值为询).幡放第二页的时侯，currentld的取值为10,20)2、获取时间轴得信息可以通过下面得代码，获取时间轴得长度与页得信息:/对主舞台mugeda.addEventListenerCHrend 已 rreadyn, functional var scene = mugeda.scene;/获取页数据var pages = scene.pages;/获取页数var pageLen = pag 皂 s.lEngth;/获取第一页的开始帧号var frameldOfFirstPage = pagesO.startFrame;/获取第一页的总硕

36、数var totalFramesOfFirstPage = pages0.length;);/对元件Amugeda. addEventListenerCn render readyrr, function (X var scene = mugeda.scene;var symScene = seen E. getObjectByNarnetAA，1) ,scene; /获取元件帧数 (元件没有页的概念5所有只有pages0有效)var length =symScene.pages0| length;)；3、获取命名帧得实际帧号在IDE中，可以为关键帧命名，从而在行为中方便得跳转到命名帧。下面函

37、数提供了命名帧到实际帧 号得转换。mugeda.addEventListenerCArenderreody，A functionC) var $匚 ene = mugedaA scene;/戳取名宇为踊开始录音"的帧的前号console, log (scene 5getFrameidByName ("?F 始录音")；)；seene得事件当主舞台或者元件实例重绘前，引发enterframe事件。在事件得回调中，可以操作动画，改变物体得 位置，或调整将动画重定向到其她帧。mugeda.addEventListener (T renderready", fu

38、nction () var scene = mugeda.seerie;scene*addEventListe门总广八”电口上总广十广口巾息" JunctianOf/打出当前播放的帧号5 this -&gt;当前的scenesconsole-logCs c ede 4urreirtld )；););*seene得方法 scene包含系列控制播放进程得方法,此外,seene代表舞台或者元件实例，管理着舞台或元件实例容 器中得所有子物体。1、控制播放进程在主舞台scene或元件实例scene上使用下面得方法，可以控制她们得播放进程：scene.pcuseO; / 鹤停scene.

39、pLayC）； ”址域懂放scene,gotoAndPltiy<frame） ； /桩转辛怎干干嚅恿（frame支?琴或碗案scone.flotoAndPousctfromeJ; / St 转壬帼并苔碍（franeEzffiAl）scene.nextpoeeO； / 越耗划下一 JJ1 的开头sceneHprevPageO; /上一直的开头scene.gotoPoge （paAeldx）; 疏辗到曲定直的开矢tcene,QotoAndPlay<ft pcgelctxA; /氓转到甬时于蓑西的幕顷井耀St瑞肢scene. ff&toAndPciusffCframe <

40、paqAldx） ; / （fc 辂到翊对于呆IS的 SUftttSC 绰ttftiiS.：如伺控制在gtJtoPage视调用比慎的嘲直兹果？遇胃情况卜.RtCtf*映的修币奴案 > 中的物JU!&累鬻而，出某童惜况下，的椁削屈;累时，可加通勿下页的代韬遵flj：scenenQotoPooeCpafleldxA options）;options的取值唾制聚贯敷栗-惑式如下：war options transition: * / 过淳致:ft exit： -f 罪出效皋duration： 1, 过时闸）;过渡效果的取值为：ladder （即穆）cover （£ appear （出现 fadcin 滋人）box （Zififilt） Hip iH 出效果的取值为：none tA） 200rw1.it （晡小】Fadeout 滋出】icwmout （SSAlJ fadeout 怫门逋川 bo*Hip Cf-MMft）其中，当过渡效罪为box亚口中时，退出嫂梨只可以呈（二皿威FILP 过邂时间的单位罡奄秒*懋痪大于尊于I。三个垂口救可以省略个址多个，2、播放片段可以通过代码，将一小段时间轴标记为片段，将动画得播放范围限定在片段中。如下：mugeda>addEventListenerC lerYeady75, function()