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()