Mugeda零代碼制作微信H5交互動畫（33集）

課程大綱：

　　一、MUGEDA平臺介紹

　　二、MUGEDA新手入門操作

　　1、快速制作炫酷動畫

　　2、無代碼添加交互

　　3、H5作品相關(guān)設(shè)置

　　4、學會使用Mugeda模板

　　5、手機屏幕適配方法

　　6、圖片處理

　　7、聲音及視頻處理

　　8、屏幕適配設(shè)置

　　9、發(fā)布鏈接與預覽鏈接的區(qū)別

　　10、H5作品相關(guān)設(shè)置

　　三、MUGEDA功能詳解

　　1、界面與舞臺

　　(1)簡介

　　(2)縮放層數(shù)據(jù)

　　(3)縮放舞臺功能

　　(4)翻頁的相關(guān)設(shè)置

　　(5)關(guān)鍵幀和頁面的命名

　　(6)加載的相關(guān)設(shè)置

　　(7)物體屬性設(shè)置

　　(8)元件界面介紹

　　2、素材與媒體

　　(1)圖片上傳和素材庫

　　(2)文本和文本段落

　　(3)網(wǎng)頁工具

　　(4)幻燈片

　　(5)視頻

　　(6)聲音

　　(7)繪制素材

　　(8)云字體

　　(9)曲線圖表

　　(10)組的應(yīng)用

　　(11)虛擬現(xiàn)實

　　(12)粘貼第三方文字和圖片

　　(13)常用編輯操作

　　(14)導入PSD及注意事項

　　(15)聲音和視頻的壓縮

　　(16)聲音和視頻的交互控制

　　3、動畫功能

　　(1)時間軸及圖層

　　(2)選擇工具

　　(3)關(guān)鍵幀動畫

　　(4)路徑動畫

　　(5)進度動畫

　　(6)曲線變形動畫

　　(7)預置動畫

　　(8)元件動畫

　　(9)分頁和加載頁

　　(10)遮罩動畫

　　(11)動畫運動

　　(12)標尺和輔助線的使用

　　(13)復制幀和復制圖層

　　(14)如何實現(xiàn)動畫控制

　　4、行為設(shè)置

　　(1)行為添加以及觸發(fā)事件

　　(2)幀的行為

　　(3)頁的行為

　　(4)播放元件片段

　　(5)改變元素屬性

　　(6)改變圖片

　　(7)設(shè)置定時器

　　(8)手機功能

　　(9)跳轉(zhuǎn)鏈接

　　5、控件的應(yīng)用

　　(1)陀螺儀

　　(2)定時器

　　(3)隨機數(shù)

　　(4)擦玻璃

　　(5)點贊

　　(6)繪圖板

　　6、微信功能

　　(1)微信頭像與昵稱

　　(2)定制圖片

　　(3)錄制聲音

　　(4)分享信息

　　7、表單功能

　　(1)自定義表單

　　(2)系統(tǒng)默認表單

　　(3)定制文字

　　8、關(guān)聯(lián)綁定

　　(1)舞臺動畫關(guān)聯(lián)

　　(2)元件動畫關(guān)聯(lián)

　　(3)屬性關(guān)聯(lián)

　　(4)自動關(guān)聯(lián)

　　(5)公式關(guān)聯(lián)

　　(6)條件判斷

　　(7)邏輯式表達判斷

　　(8)多種表達式的寫法

　　四、MUGEDA案例實操

　　1、展示動畫

　　(1)邀請函

　　(2)招聘

　　(3)個人簡歷

　　(4)可定制賀卡

　　(5)手機廣告

　　2、小圖標動畫

　　3、游戲測試

　　(1)拍宇航員

　　(2)手術(shù)刀

　　(3)測試題

　　(4)拖動選擇

　　(5)概率抽獎

　　4、微信定制

　　(1)和寶寶聊天

　　(2)和奧運冠軍合影

講師簡介：

　　陳松月

　　Mugeda首席動畫設(shè)計師，10年動畫設(shè)計經(jīng)驗，從事H5交互動畫制作4年，創(chuàng)作了近百個HTML5交互動畫作品。曾為360、網(wǎng)易，華為，大眾點評等多家500強企業(yè)創(chuàng)作移動端HTML5動畫案例，在業(yè)內(nèi)屬HTML5動畫大神級別,理論與實踐結(jié)合度高。