現(xiàn)在流行H5游戲，你知道H5是什么嗎？H5是HTML5的縮寫，是一種新型的開發(fā)工具，現(xiàn)在很多微信小游戲都是用H5制作的？哪不懂代碼可以制作H5動(dòng)畫嗎？答案是可以的，只要下載安裝HTML5動(dòng)畫制作工具（木疙瘩）就可以了。

Mugeda（木疙瘩）是專業(yè)HTML5交互動(dòng)畫制作云平臺(tái)，F(xiàn)lash設(shè)計(jì)師能夠快速上手制作Html5交互動(dòng)畫，為用戶提供html5教程、免費(fèi)HTML5工具，微信營(yíng)銷傳播，免費(fèi)html5模板，html5培訓(xùn)，html5視頻教程等；

快速上手

1、創(chuàng)建與保存作品
操作步驟：登陸——單擊【創(chuàng)建作品】
保存——輸入【保存名稱】——單擊【保存】，如下圖所示。

2、界面介紹
界面包括舞臺(tái)設(shè)置、適配設(shè)置、安全框、預(yù)覽作品、添加頁(yè)面、添加關(guān)鍵幀動(dòng)畫、設(shè)置微信轉(zhuǎn)發(fā)標(biāo)題，如下圖所示。

3、一鍵生成動(dòng)畫
操作步驟：把圖片拖動(dòng)到編輯器上——選中圖片——單擊【添加預(yù)置動(dòng)畫】，如下圖所示。

PS：在【屬性面板】或單擊【編輯預(yù)置動(dòng)畫】按鈕，可對(duì)預(yù)置動(dòng)畫的效果、是/否自動(dòng)播放、循環(huán)播放、時(shí)長(zhǎng)、延遲、方向進(jìn)行設(shè)置。

4、關(guān)鍵幀動(dòng)畫
名稱解釋：
關(guān)鍵幀動(dòng)畫：物體在兩個(gè)時(shí)間點(diǎn)上屬性的變化。
操作步驟如下面視頻所示。

5、添加交互
操作步驟：選中圖形——單擊【添加編輯/行為】——展開【動(dòng)畫播放控制】——單擊【下一頁(yè)】，如下圖所示。

6、添加背景音樂
操作步驟：不要選中任何物體——單擊【屬性】——單擊【上傳】——單擊“加號(hào)”按鈕即可添加音樂，如下圖所示。

PS：這個(gè)方法可以為整個(gè)H5添加背景音樂，如果想單獨(dú)為某一頁(yè)添加音樂，點(diǎn)擊這里看操作步驟。

7、發(fā)布作品
操作步驟：保存作品后—單擊【發(fā)布】，如下圖所示。

官方網(wǎng)站：http://www.mugeda.com/

相關(guān)搜索：動(dòng)畫制作 H5 木疙瘩 HTML5