課程大綱：

　　一、MUGEDA平臺(tái)介紹

　　二、MUGEDA新手入門操作

　　1、快速制作炫酷動(dòng)畫

　　2、無代碼添加交互

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

　　4、學(xué)會(huì)使用Mugeda模板

　　5、手機(jī)屏幕適配方法

　　6、圖片處理

　　7、聲音及視頻處理

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

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

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

　　三、MUGEDA功能詳解

　　1、界面與舞臺(tái)

　　(1)簡(jiǎn)介

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

　　(3)縮放舞臺(tái)功能

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

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

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

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

　　(8)元件界面介紹

　　2、素材與媒體

　　(1)圖片上傳和素材庫(kù)

　　(2)文本和文本段落

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

　　(4)幻燈片

　　(5)視頻

　　(6)聲音

　　(7)繪制素材

　　(8)云字體

　　(9)曲線圖表

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

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

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

　　(13)常用編輯操作

　　(14)導(dǎo)入PSD及注意事項(xiàng)

　　(15)聲音和視頻的壓縮

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

　　3、動(dòng)畫功能

　　(1)時(shí)間軸及圖層

　　(2)選擇工具

　　(3)關(guān)鍵幀動(dòng)畫

　　(4)路徑動(dòng)畫

　　(5)進(jìn)度動(dòng)畫

　　(6)曲線變形動(dòng)畫

　　(7)預(yù)置動(dòng)畫

　　(8)元件動(dòng)畫

　　(9)分頁和加載頁

　　(10)遮罩動(dòng)畫

　　(11)動(dòng)畫運(yùn)動(dòng)

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

　　(13)復(fù)制幀和復(fù)制圖層

　　(14)如何實(shí)現(xiàn)動(dòng)畫控制

　　4、行為設(shè)置

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

　　(2)幀的行為

　　(3)頁的行為

　　(4)播放元件片段

　　(5)改變?cè)貙傩?/p>

　　(6)改變圖片

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

　　(8)手機(jī)功能

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

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

　　(1)陀螺儀

　　(2)定時(shí)器

　　(3)隨機(jī)數(shù)

　　(4)擦玻璃

　　(5)點(diǎn)贊

　　(6)繪圖板

　　6、微信功能

　　(1)微信頭像與昵稱

　　(2)定制圖片

　　(3)錄制聲音

　　(4)分享信息

　　7、表單功能

　　(1)自定義表單

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

　　(3)定制文字

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

　　(1)舞臺(tái)動(dòng)畫關(guān)聯(lián)

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

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

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

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

　　(6)條件判斷

　　(7)邏輯式表達(dá)判斷

　　(8)多種表達(dá)式的寫法

　　四、MUGEDA案例實(shí)操

　　1、展示動(dòng)畫

　　(1)邀請(qǐng)函

　　(2)招聘

　　(3)個(gè)人簡(jiǎn)歷

　　(4)可定制賀卡

　　(5)手機(jī)廣告

　　2、小圖標(biāo)動(dòng)畫

　　3、游戲測(cè)試

　　(1)拍宇航員

　　(2)手術(shù)刀

　　(3)測(cè)試題

　　(4)拖動(dòng)選擇

　　(5)概率抽獎(jiǎng)

　　4、微信定制

　　(1)和寶寶聊天

　　(2)和奧運(yùn)冠軍合影

講師簡(jiǎn)介：

　　陳松月

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