### API的應用:在動畫中添加代碼
* * * * *
Mugeda API提供了一組接口,可以通過代碼的方式操作動畫。常用于制作游戲和帶有交互性的動畫。使用Mugeda API需要了解javascript。
### **在動畫中添加代碼**
在IDE中有三種方式,可以使得您的代碼和動畫進行互動。
**通過腳本對話框**
1、腳本加入方式
在IDE中,點擊工具欄上的腳本按鈕,在腳本窗口中添加腳本。腳本分為“全局”腳本和“頁”腳本。全局腳本是整個動畫的腳本,頁腳本跟隨頁面,當頁面被復制時,頁腳本同樣會被復制。
全局腳本和頁腳本的運行順序是:全局腳本→頁1腳本→頁2腳本……
全局和頁腳本間的變量是隔離的,如果需要通訊,可以將變量掛在mugeda對象上或者window對象上。例如:
~~~
// 在全局腳本中
window.abc = 1;
// 在頁1中
alert(window.abc); // 彈出1
~~~
在全局腳本中,可以直接使用mugeda對象。在頁腳本中,除了可以直接使用mugeda對象外,還可以直接使用pageIndex對象,pageIndex是一個整數,指示腳本的頁號。例如,在頁1的腳本中,可以查詢到腳本頁號:
~~~
`alert(pageIndex); // 彈出數字0`
~~~
如果以后調整了頁與頁之間的順序,pageIndex會自動變化。
2、調試
這種方式加入的腳本,如果需要調試,需要區分以下兩種方式:
(1)在IDE中,通過點擊工具欄上的“預覽”按鈕預覽動畫,或掃描IDE中二維碼的方式預覽動畫。此時腳本是通過javascript的new Function的方式在內存中運行。調試一般采用javascript中的console.log、debugger方法進行調試。
(2)動畫被導出之后,所有腳本會寫入導出包中,action開頭的一個js文件中。動畫運行時,在瀏覽器調試臺中可以看到這個腳本文件,在其中加斷點、調試。
**通過導入腳本的方式導入**
在IDE菜單中,點擊“文件”→“導入”→“腳本”,在對話框中,輸入腳本文件的url。url可以指向服務器上的js文件,或者指向本機的地址。在動畫加載時,url指向的腳本文件會在開始階段被加載。可以通過瀏覽器調試這個文件。
**外部調用**
另一種方式,是將動畫嵌入自己的網頁,在網頁中直接調用mugeda API來控制動畫。
- 閱讀須知
- 一、Mugeda快速入門
- 平臺介紹
- 快速入門
- 添加預置動畫
- 制作翻頁動畫
- 學會使用Mugeda模板
- 作品創建前必讀
- H5作品相關設置
- 手機屏幕適配方法
- 圖片、聲音及視頻處理
- 二、界面與舞臺
- 界面與舞臺簡介
- 舞臺縮放和物體縮放功能
- 翻頁的相關設置
- 關鍵幀和頁面的命名
- 加載的相關設置
- 物體屬性設置
- 元件界面介紹
- 三、素材處理及媒體使用
- 上傳圖片
- 文本/文本段落
- 插入網頁
- 幻燈片
- 上傳視頻和聲音
- 繪制素材
- 云字體
- 曲線圖表
- 建組
- 全景功能
- 粘貼第三方文字和圖片
- 常用編輯操作
- 導入PSD及注意事項
- 聲音和視頻的壓縮
- 四、動畫類型
- 時間軸和圖層
- 選擇工具
- Mugeda動畫類型
- 分頁/加載頁
- 標尺和輔助線的使用
- 復制幀/圖層
- 五、交互行為
- 行為添加以及觸發事件
- 幀的行為
- 頁的行為
- 播放元件片段
- 改變元素屬性
- 改變圖片
- 設置定時器
- 手機功能
- 跳轉鏈接
- 六、控件使用
- 陀螺儀
- 定時器
- 隨機數
- 擦玻璃
- 點贊
- 繪畫板
- 七、微信功能
- 微信頭像/微信昵稱
- 定制圖片
- 錄制聲音
- 分享信息
- 八、表單
- 自定義表單
- 默認表單
- 定制文字
- 九、關聯綁定及邏輯判斷
- 舞臺動畫關聯
- 元件動畫關聯
- 屬性關聯
- 自動關聯
- 公式關聯
- 條件判斷
- 邏輯表達式判斷
- 十、Mugeda API
- API的應用:在動畫中添加代碼
- API的應用:Mugeda API的整體結構
- API的應用:Mugeda對象
- API的應用:scene對象
- API的應用:aObject對象
- API的應用:工具API
- API的應用:獲取Mugeda后臺數據
- API的應用:使用自定義回調函數
- API的應用:將Mugeda部署在第三方服務器
- 十一、Mugeda新功能
- 連線功能
- 抽獎組件
- 聲音控制更新功能一覽
- 附錄1:常見問題集
- 如何壓縮圖片、聲音和視頻?
- 為什么導入H5里的視頻無法播放?
- Mugeda里的模板如何使用?
- 如何實現H5里可以定制文字和圖片的功能?
- H5作品的文檔信息設置?
- 我想讓一個物體不斷循環動,怎么實現?
- 如何復制幀/圖層?
- 為什么無法導入PSD?
- 邏輯表達式要怎么寫?
- 為什么我的背景音樂無法播放?
- 為什么我的背景音樂只在一頁中播放?
- 為什么打開內容時,會提示素材缺失?
- 為什么我的內容發布后還是會有橙色的廣告條?
- 為什么我做的H5打不開了,說是涉及違規內容被舉報?