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

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

快速上手

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

2、界面介紹
界面包括舞臺設置、適配設置、安全框、預覽作品、添加頁面、添加關鍵幀動畫、設置微信轉發(fā)標題，如下圖所示。

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

PS：在【屬性面板】或單擊【編輯預置動畫】按鈕，可對預置動畫的效果、是/否自動播放、循環(huán)播放、時長、延遲、方向進行設置。

4、關鍵幀動畫
名稱解釋：
關鍵幀動畫：物體在兩個時間點上屬性的變化。
操作步驟如下面視頻所示。

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

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

PS：這個方法可以為整個H5添加背景音樂，如果想單獨為某一頁添加音樂，點擊這里看操作步驟。

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

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

相關搜索：動畫制作 H5 木疙瘩 HTML5