Mugeda中文名稱非常接地氣的叫木疙瘩，是一個(gè)功能非常強(qiáng)大的交互動(dòng)畫內(nèi)容制作平臺(tái)，它功能非常強(qiáng)大，為用戶提供動(dòng)畫編輯、自由創(chuàng)作的大平臺(tái)，是需要制作html5動(dòng)畫的朋友最佳的選擇，小編這里帶來了木疙瘩(Mugeda)電腦最新版，需要的朋友快來下載使用吧!

軟件介紹

mugeda(木疙瘩)是款專業(yè)的html5交互式動(dòng)畫制作平臺(tái)。mugeda(木疙瘩)為用戶提供了強(qiáng)大的動(dòng)畫編輯功能和自由的創(chuàng)作空間，可以幫助專業(yè)設(shè)計(jì)師和團(tuán)隊(duì)高效的完成面向移動(dòng)設(shè)備的H5專業(yè)內(nèi)容的制作發(fā)布、帳號(hào)管理、協(xié)同工作、數(shù)據(jù)收集等功能。

木疙瘩(Mugeda)功能介紹：

　　1、無需任何插件、下載、安裝，直接在支持HTML5的瀏覽器下創(chuàng)作專業(yè)動(dòng)畫。

　　2、最便捷的操控

　　3、Flash設(shè)計(jì)師無需進(jìn)行任何培訓(xùn)，馬上就可以開始創(chuàng)作專業(yè)級(jí)H5交互內(nèi)容。

　　4、矢量造型

　　5、支持基于貝塞爾曲線的繪制、形狀組合、控制點(diǎn)編輯、SVG渲染、動(dòng)態(tài)繪制等專業(yè)動(dòng)畫功能。

　　6、跨平臺(tái)

　　7、全面兼容移動(dòng)設(shè)備，iOS,Andriod,Windows、webos...，一次開發(fā)，多平臺(tái)部署。

　　8、專業(yè)動(dòng)畫

　　9、支持圖層、路徑、鏡頭、遮罩、玻璃板等，豐富的專業(yè)動(dòng)畫功能，輕松創(chuàng)建專業(yè)酷炫效果。

　　10、罩動(dòng)畫

　　11、持將任意物體或者動(dòng)畫作為遮罩層和被罩層，實(shí)現(xiàn)酷炫的動(dòng)畫效果。

　　12、聯(lián)動(dòng)畫

　　13、聽動(dòng)畫播放的交互行為和元素屬性并用以控制其他對(duì)象的動(dòng)畫行為和屬性。

　　14、形動(dòng)畫

　　15、量形狀的任意變形并自動(dòng)生成插值動(dòng)畫。

　　16、互行為：數(shù)百種行為組合

　　17、接、表單、回執(zhí)、翻頁、回調(diào)函數(shù)、打電話、音/視頻、動(dòng)畫播放控制、搖一搖等。

　　18、格式輸出

　　19、持html5canvas、CSS3、video、PNG、SVG等，豐富格式輸出，滿足不同開發(fā)需求。

　　20、種創(chuàng)作途徑

　　21、E提供了功能最全面的創(chuàng)作界面，適合專業(yè)設(shè)計(jì)師使用，能充分表達(dá)創(chuàng)意和靈感。

　　“從模版創(chuàng)建”為您提供了很多模版，您可以在模版的基礎(chǔ)上進(jìn)行編輯，適合非專業(yè)人士使用，優(yōu)點(diǎn)是：簡單、快捷。

　　“頁面”有多種制作移動(dòng)設(shè)備頁面的功能與效果，能快捷的打造移動(dòng)網(wǎng)頁。

　　22、MugedaAPI：實(shí)現(xiàn)無限可能。

　　23、計(jì)師完成造型、動(dòng)畫、無代碼交互，工程師完成復(fù)雜邏輯的制定，類似于Flash+ActionScript的設(shè)計(jì)理念。

木疙瘩(Mugeda)軟件特色：

1、專業(yè)帶來卓越

完全自主知識(shí)產(chǎn)權(quán)的動(dòng)畫技術(shù)，包括時(shí)間線、元件庫、無代碼交互等特性，幫助設(shè)計(jì)師最大限度的真實(shí)展現(xiàn)其創(chuàng)意靈感，實(shí)現(xiàn)卓越的作品品質(zhì)。

2、云平臺(tái)

云計(jì)算框架，無需下載安裝任何代碼，即可在瀏覽器中開始神奇的H5創(chuàng)作之旅，實(shí)現(xiàn)制作、管理、發(fā)布、統(tǒng)計(jì)等全流程。

3、H5

原生HTML5技術(shù)，全面兼容所有移動(dòng)設(shè)備。事實(shí)上，Mugeda的內(nèi)容已經(jīng)在超過2億部設(shè)備上流暢運(yùn)行。

4、天生分享

無論是在線預(yù)覽、發(fā)布管理，還是素材公用，協(xié)同編輯，你和分享只有一個(gè)點(diǎn)擊的距離。

5、Flash設(shè)計(jì)師一秒變身專業(yè)H5交互大師

Mugeda平臺(tái)上有很多Flash設(shè)計(jì)師，無需進(jìn)行任何培訓(xùn)，馬上就可以開始創(chuàng)作專業(yè)級(jí)H5交互內(nèi)容，上手極快。

6、最精準(zhǔn)的動(dòng)畫控制

Mugeda采用對(duì)設(shè)計(jì)師最為直觀的時(shí)間線方式組織動(dòng)畫編輯和創(chuàng)作，可以對(duì)動(dòng)畫進(jìn)行最精準(zhǔn)細(xì)致的編輯操作，讓精細(xì)動(dòng)畫不再是夢(mèng)。

7、智能加速引擎

自主知識(shí)產(chǎn)權(quán)的智能加速引擎技術(shù)，能夠根據(jù)內(nèi)容自動(dòng)診斷并選擇最優(yōu)的渲染操作，達(dá)到最能體現(xiàn)硬件特性的加速效果。

8、企業(yè)級(jí)賬號(hào)管理，讓云端協(xié)同工作效率爆棚

專業(yè)級(jí)別的帳號(hào)權(quán)限管理，讓作品生產(chǎn)、 審核、發(fā)布像流水線一樣流暢。

木疙瘩離線版的舞臺(tái)是什么“舞臺(tái)”是整個(gè)界面的核心區(qū)域，位于界面的中央，在其周圍，留有一定的編輯緩沖區(qū)域，該區(qū)域內(nèi)的對(duì)象不會(huì)在最終的內(nèi)容展示上出現(xiàn)，但是可以用來很方便的組織暫時(shí)不在舞臺(tái)的對(duì)象。動(dòng)畫在“舞臺(tái)”區(qū)域內(nèi)制作和播放。

木疙瘩(Mugeda)怎么用：

　　首先登陸網(wǎng)站，如果還沒有登陸賬號(hào)，你可以登錄 www.mugeda.com 免費(fèi)注冊(cè)一個(gè)。登錄網(wǎng)站后，點(diǎn)擊網(wǎng)站左側(cè)的“創(chuàng)建作品”，然后從出現(xiàn)的創(chuàng)建列表中選擇”從Mugeda Studio創(chuàng)建”，這樣Mugeda Studio的在線集成開發(fā)環(huán)境會(huì)在瀏覽器窗口中打開了。

　　如果已經(jīng)在Studio頁面想新建另一個(gè)作品，可以點(diǎn)擊文件菜單下面的“新建”按鈕來開始，如圖：

　　進(jìn)入Mugeda Studio后，首先需要選擇一個(gè)動(dòng)畫尺寸，可以選擇預(yù)設(shè)的尺寸，也可以手動(dòng)輸入自定義尺寸。

　　然后選擇畫類型，Mugeda支持CSS3 和 Canvas兩種不同的HTML5動(dòng)畫。

　　Canvas是像素級(jí)動(dòng)畫，支持的動(dòng)畫效果全面，比如遮罩，但對(duì)硬件要求較高。

　　CSS3是非像素級(jí)動(dòng)畫，支持的動(dòng)畫效果不如Canvas，但對(duì)設(shè)備要求更低。

　　一般而言CSS3更常用，可以滿足基本需求，大多數(shù)情況下推薦使用CSS3。

　　選擇完尺寸和類型后，點(diǎn)擊確定，關(guān)閉對(duì)話框。

　　如果在尺寸選擇后你想改變主意，你可以在屬性對(duì)話框中編輯畫布的大小。舞臺(tái)上沒有任何元素被選中或點(diǎn)擊舞臺(tái)的空白區(qū)域可以顯示舞臺(tái)的屬性。

木疙瘩(Mugeda)總結(jié)：

通過上面的講述，我們可以看到創(chuàng)建一個(gè)新作品是一件很輕松的事情，作品建好了，展現(xiàn)動(dòng)畫就需要有動(dòng)畫元素。接下來我們會(huì)在下一節(jié)講述如何在新建的作品中添加元素

常見問題

1、為什么導(dǎo)入H5里的視頻無法播放?

答：確保視頻格式為MP4，另外大小控制在20M以內(nèi)，另外注意視頻的格式，視頻編碼必須是H.264，音頻編碼必須是AAC。

2、我想讓一個(gè)物體不斷循環(huán)動(dòng)，怎么實(shí)現(xiàn)?

答：用元件動(dòng)畫可以實(shí)現(xiàn)。

3、為什么我的背景音樂無法播放?

答：Mugeda支持的聲音格式為mp3和wav;

保證聲音文件大小10M以內(nèi)(通常建議壓縮處理后聲音文件大小500kb左右)。

4、為什么我的背景音樂只在一頁中播放?

答：整個(gè)作品的背景音樂在屬性欄——背景音樂處添加 。

5、為什么打開內(nèi)容時(shí)，會(huì)提示素材缺失?

答：素材缺失，指的是圖片、視頻和音頻素材在源文件里丟失的情況，這是因?yàn)樗夭臎]有上傳完成造成的。

以圖片為例，當(dāng)圖片上傳到素材庫時(shí)，會(huì)有進(jìn)度條顯示上傳進(jìn)度，橙色進(jìn)度條完成時(shí)才算上傳成功，如圖：

6、為什么我的內(nèi)容發(fā)布后還是會(huì)有橙色的廣告條?

答：內(nèi)容發(fā)布后，如果掃描“效果預(yù)覽”旁的二維碼，這時(shí)候看到的是預(yù)覽鏈接，在最上方會(huì)看到橙色的廣告條，如果是正式發(fā)布鏈接，則不會(huì)出現(xiàn)廣告條，特此說明。

相關(guān)閱讀：

木疙瘩動(dòng)畫制作軟件如何使用？木疙瘩動(dòng)畫制作軟件安裝使用教程