h5快速入門手冊(cè)(已改無錯(cuò)字)
2022-09-08 12:04:03 本頁面
【正文】 頁中直接調(diào)用mugeda API來控制動(dòng)畫。API的應(yīng)用：Mugeda API的整體結(jié)構(gòu)Mugeda API整體上分為三個(gè)層次：mugeda對(duì)象、scene對(duì)象、aObject。每個(gè)mugeda對(duì)象與單個(gè)動(dòng)畫對(duì)應(yīng)，是訪問單個(gè)動(dòng)畫的入口。通過訪問mugeda對(duì)象，可以得到mugeda的總體信息。如：大小、標(biāo)題。動(dòng)畫中，每個(gè)時(shí)間軸對(duì)應(yīng)于scene對(duì)象，主舞臺(tái)和元件實(shí)例都有對(duì)應(yīng)的scene對(duì)象。通過操作scene，可以獲取事件軸的信息，對(duì)播放位置做跳轉(zhuǎn)。每個(gè)動(dòng)畫物體和aObject對(duì)象相對(duì)應(yīng)，控制aObject，就可以控制物體的位置、透明度、可見性。API的應(yīng)用：Mugeda對(duì)象mugeda對(duì)象是整個(gè)API的最頂層命名空間。mugeda對(duì)象的獲取在腳本編輯器中，mugeda對(duì)象已經(jīng)注入，可以直接在代碼中寫mugeda使用。如果將動(dòng)畫嵌入網(wǎng)頁，按照動(dòng)畫加載前和動(dòng)畫加載后，獲取mugeda對(duì)象的方式不一樣。動(dòng)畫加載前如果需要在動(dòng)畫加載前獲取mugeda對(duì)象，可以通過在動(dòng)畫所在的document上設(shè)置偵聽的方式獲取。(39。mugedaReady39。, function(){ var mugeda = window[39。Mugeda39。][39。currentAni39。]。})。如果網(wǎng)頁中嵌入了多個(gè)動(dòng)畫，每個(gè)動(dòng)畫都會(huì)引發(fā)上面的回調(diào)函數(shù)。動(dòng)畫加載后如果需要在動(dòng)畫加載后獲取mugeda對(duì)象，如果網(wǎng)頁中只有一個(gè)動(dòng)畫，只需要用下面的代碼就可以了（注：window為動(dòng)畫所在的window）。var mugeda = window[39。Mugeda39。][39。currentAni39。]。如果頁面中包含多個(gè)動(dòng)畫，需要用下面的方式遍歷找到需要?jiǎng)赢嫷膍ugeda對(duì)象。window[39。Mugeda39。][39。animations39。].forEach(function(mugeda){ // 此時(shí)可以通過mugeda的其他屬性，})。其他話題：如何將Mugeda動(dòng)畫嵌入自己的網(wǎng)頁中？Mugeda動(dòng)畫除了可以在手機(jī)瀏覽器中全屏播放外，還可以將其作為網(wǎng)頁中的一部分，放在自己的網(wǎng)頁中。目前，在PC端的chrome、firefox、IE11等現(xiàn)代瀏覽器中都能正常播放。可以通過兩種方式將動(dòng)畫嵌入網(wǎng)頁。一、iframe方式如果您使用的是Mugeda提供的發(fā)布功能，得到了發(fā)布地址，可以在網(wǎng)頁中，直接加入iframe的方式嵌入動(dòng)畫。iframe frameborder=0 width=320 height=512 src=發(fā)布后的地址 /iframe。如果您是通過導(dǎo)出動(dòng)畫包的方式（zip文件），將文件解壓托管到自己的網(wǎng)絡(luò)空間中，也可以通過上面的方式。二、直接嵌入方式有些時(shí)候，可能不希望通過iframe加載動(dòng)畫，例如，在早期ios版本中，iframe可能有一些性能或兼容性問題，或者希望擁有更好的可控性，可以將Mugeda直接嵌入網(wǎng)頁中。靜態(tài)載入在每個(gè)動(dòng)畫導(dǎo)出包中。在html代碼中加入以下的片段，指向這個(gè)文件。div style=width:320px。height:512px。position:relative。 script = { creative_path: pa5/, // 指向動(dòng)畫文件夾的位置 script_id: box, // 包含動(dòng)畫script元素的id render_mode: embedded } /script script src=pa5/ id=box/script/div動(dòng)態(tài)插入在不允許直接修改html的情況下，可以通過代碼的方式，動(dòng)態(tài)的將動(dòng)畫加到網(wǎng)頁中。假設(shè)網(wǎng)頁中存在id為container1和container2的空div：div id=container1 style=width:320px。height:512px。position:relative。/div div id=container2 style=width:320px。height:512px。position:relative。/div// 下面的代碼，動(dòng)態(tài)的將2個(gè)動(dòng)畫插入這兩個(gè)空div中。scriptvar script = (script)。 = pa5/。 = 。 = { creative_path: pa5/, sc
環(huán)評(píng)公示相關(guān)推薦
鄂ICP備17016276號(hào)-1