現(xiàn)在流行H5游戲,你知道H5是什么嗎?H5是HTML5的縮寫,是一種新型的開發(fā)工具,現(xiàn)在很多微信小游戲都是用H5制作的?哪不懂代碼可以制作H5動畫嗎?答案是可以的,只要下載安裝HTML5動畫制作工具(木疙瘩)就可以了。
Mugeda(木疙瘩)是專業(yè)HTML5交互動畫制作云平臺,F(xiàn)lash設(shè)計師能夠快速上手制作Html5交互動畫,為用戶提供html5教程、免費HTML5工具,微信營銷傳播,免費html5模板,html5培訓(xùn),html5視頻教程等;
快速上手
1、創(chuàng)建與保存作品
操作步驟:登陸——單擊【創(chuàng)建作品】
保存——輸入【保存名稱】——單擊【保存】,如下圖所示。
2、界面介紹
界面包括舞臺設(shè)置、適配設(shè)置、安全框、預(yù)覽作品、添加頁面、添加關(guān)鍵幀動畫、設(shè)置微信轉(zhuǎn)發(fā)標題,如下圖所示。
3、一鍵生成動畫
操作步驟:把圖片拖動到編輯器上——選中圖片——單擊【添加預(yù)置動畫】,如下圖所示。
PS:在【屬性面板】或單擊【編輯預(yù)置動畫】按鈕,可對預(yù)置動畫的效果、是/否自動播放、循環(huán)播放、時長、延遲、方向進行設(shè)置。
4、關(guān)鍵幀動畫
名稱解釋:
關(guān)鍵幀動畫:物體在兩個時間點上屬性的變化。
操作步驟如下面視頻所示。
5、添加交互
操作步驟:選中圖形——單擊【添加編輯/行為】——展開【動畫播放控制】——單擊【下一頁】,如下圖所示。
6、添加背景音樂
操作步驟:不要選中任何物體——單擊【屬性】——單擊【上傳】——單擊“加號”按鈕即可添加音樂,如下圖所示。
PS:這個方法可以為整個H5添加背景音樂,如果想單獨為某一頁添加音樂,點擊這里看操作步驟。
7、發(fā)布作品
操作步驟:保存作品后—單擊【發(fā)布】,如下圖所示。
官方網(wǎng)站:http://www.mugeda.com/
首先我們需要下載木疙瘩,下載解壓后雙擊“73ccaec931627d5f0e6004bf5bed4598.exe”出現(xiàn)安裝界面:
在開始安裝之前,我們要選擇安裝時使用的語言。選擇中文(簡體)然后點擊確定;
我們進入了木疙瘩的安裝向?qū)。我們需要確定木疙瘩的安裝路徑,安裝程序有默認的安裝路徑:C:\Program Files\mugeda。安裝木疙瘩至少需要151MB的磁盤空間。需要修改路徑的朋友可以點擊瀏覽,選擇需要安裝的文件夾后,點擊確定就可以修改安裝路徑了。點擊下一步繼續(xù)安裝進程;
這一步安裝向?qū)б覀冞x擇安裝木疙瘩期間安裝向?qū)б獔?zhí)行的附加任務(wù),附加任務(wù)是創(chuàng)建桌面快捷方式,如果不需要執(zhí)行,將勾選取消即可。點擊下一步繼續(xù)安裝進程;
這一步是正式安裝木疙瘩前的比較后一個確認步驟,確認安裝路徑和附加任務(wù)無誤后,就可以點擊安裝將木疙瘩安裝到電腦上;
正在安裝木疙瘩,安裝程序正在將木疙瘩的文件安裝到指定文件夾中。安裝木疙瘩可能需要幾分鐘的時間;
安裝完成!安裝程序已經(jīng)成功在您的電腦上安裝了木疙瘩。安裝向?qū)崾景惭b完成。點擊結(jié)束即可退出安裝向?qū)А?/p>
木疙瘩是一款好用的HTML5動畫制作軟件。使用木疙瘩可以制作出好玩的HTML5動畫或者游戲。木疙瘩需要用賬號密碼登錄才能使用;
安裝軟件后雙擊好木疙瘩桌面快捷方式打開軟件。
極速小編還沒有木疙瘩賬號,這一次就給大家演示一下怎么注冊木疙瘩賬號吧。點擊木疙瘩賬號登錄界面中的注冊;
要注冊木疙瘩賬號,我們要填寫手機號、設(shè)置密碼、確認密碼、圖片驗證碼、短信驗證碼;
木疙瘩賬號注冊界面已經(jīng)默認為我們勾選了我已閱讀并接受Mugeda使用條款。根據(jù)木疙瘩賬號注冊界面的提示填寫好注冊信息之后,點擊注冊就可以提交注冊信息注冊賬號;
注冊成功,這時候木疙瘩賬號注冊界面會提示注冊成功。