mugeda html5(木疙瘩)是一款功能強(qiáng)大的專業(yè)級html5交互式動畫制作軟件。mugeda采用完全自主知識產(chǎn)權(quán)的動畫技術(shù)，提供了功能最全面的創(chuàng)作界面和大量專業(yè)動畫功能，包括時(shí)間軸動畫、路徑動畫、變形動畫、邏輯動畫等，使得設(shè)計(jì)者能充分表達(dá)創(chuàng)意和靈感。

【Mugeda基本介紹】

木疙瘩是什么？
Mugeda是專業(yè)級HTML5交互動畫內(nèi)容制作云平臺，擁有業(yè)界最為強(qiáng)大的動畫編輯能力和最為自由的創(chuàng)作空間，可以幫助專業(yè)設(shè)計(jì)師和團(tuán)隊(duì)高效的完成面向移動設(shè)備的H5專業(yè)內(nèi)容的制作發(fā)布、帳號管理、協(xié)同工作、數(shù)據(jù)收集等功能。你的創(chuàng)作靈感像夢一樣自由，Mugeda幫你把它完美的實(shí)現(xiàn)！

【Mugeda軟件特點(diǎn)】

1、專業(yè)帶來卓越
完全自主知識產(chǎn)權(quán)的動畫技術(shù)，包括時(shí)間線、元件庫、無代碼交互等特性，幫助設(shè)計(jì)師最大限度的真實(shí)展現(xiàn)其創(chuàng)意靈感，實(shí)現(xiàn)卓越的作品品質(zhì)。
2、云平臺
云計(jì)算框架，無需下載安裝任何代碼，即可在瀏覽器中開始神奇的H5創(chuàng)作之旅，實(shí)現(xiàn)制作、管理、發(fā)布、統(tǒng)計(jì)等全流程。
3、H5
原生HTML5技術(shù)，全面兼容所有移動設(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平臺上有很多Flash設(shè)計(jì)師，無需進(jìn)行任何培訓(xùn)，馬上就可以開始創(chuàng)作專業(yè)級H5交互內(nèi)容，上手極快。
6、最精準(zhǔn)的動畫控制
Mugeda采用對設(shè)計(jì)師最為直觀的時(shí)間線方式組織動畫編輯和創(chuàng)作，可以對動畫進(jìn)行最精準(zhǔn)細(xì)致的編輯操作，讓精細(xì)動畫不再是夢。
7、智能加速引擎
自主知識產(chǎn)權(quán)的智能加速引擎技術(shù)，能夠根據(jù)內(nèi)容自動診斷并選擇最優(yōu)的渲染操作，達(dá)到最能體現(xiàn)硬件特性的加速效果。
8、企業(yè)級賬號管理，讓云端協(xié)同工作效率爆棚
專業(yè)級別的帳號權(quán)限管理，讓作品生產(chǎn)、審核、發(fā)布像流水線一樣流暢。

【Mugeda軟件功能】

·云計(jì)算
·無需任何插件、下載、安裝，直接在支持HTML5的瀏覽器下創(chuàng)作專業(yè)動畫。
·最便捷的操控
·Flash設(shè)計(jì)師無需進(jìn)行任何培訓(xùn)，馬上就可以開始創(chuàng)作專業(yè)級H5交互內(nèi)容。
·矢量造型
·支持基于貝塞爾曲線的繪制、形狀組合、控制點(diǎn)編輯、SVG渲染、動態(tài)繪制等專業(yè)動畫功能。
·跨平臺
·全面兼容移動設(shè)備，iOS,Andriod,Windows、webos...，一次開發(fā)，多平臺部署。
·專業(yè)動畫
·支持圖層、路徑、鏡頭、遮罩、玻璃板等，豐富的專業(yè)動畫功能，輕松創(chuàng)建專業(yè)酷炫效果。
·遮罩動畫
·支持將任意物體或者動畫作為遮罩層和被罩層，實(shí)現(xiàn)酷炫的動畫效果。
·關(guān)聯(lián)動畫
·偵聽動畫播放的交互行為和元素屬性并用以控制其他對象的動畫行為和屬性。
·變形動畫
·矢量形狀的任意變形并自動生成插值動畫。
·交互行為：數(shù)百種行為組合
·連接、表單、回執(zhí)、翻頁、回調(diào)函數(shù)、打電話、音/視頻、動畫播放控制、搖一搖等。
·多格式輸出
·支持html5canvas、CSS3、video、PNG、SVG等，豐富格式輸出，滿足不同開發(fā)需求。
·多種創(chuàng)作途徑
·IDE提供了功能最全面的創(chuàng)作界面，適合專業(yè)設(shè)計(jì)師使用，能充分表達(dá)創(chuàng)意和靈感。
“從模版創(chuàng)建”為您提供了很多模版，您可以在模版的基礎(chǔ)上進(jìn)行編輯，適合非專業(yè)人士使用，優(yōu)點(diǎn)是：簡單、快捷。
“頁面”有多種制作移動設(shè)備頁面的功能與效果，能快捷的打造移動網(wǎng)頁。
·多MugedaAPI：實(shí)現(xiàn)無限可能。
·設(shè)計(jì)師完成造型、動畫、無代碼交互，工程師完成復(fù)雜邏輯的制定，類似于Flash+ActionScript的設(shè)計(jì)理念。

【Mugeda操作界面】

幫助手冊：新用戶第一次登陸，會打開Mugeda的幫助手冊，點(diǎn)擊“預(yù)覽”按鈕即可觀看了解整個(gè)平臺的功能和基本操作。


簡單制作交互動畫：Mugeda操作界面和Flash高度相似，因此有Flash基礎(chǔ)的朋友基本不用通過學(xué)習(xí)就可快速制作出一個(gè)H5作品。此外，設(shè)計(jì)師也無需添加任何代碼即可完成復(fù)雜的交互。


除了設(shè)計(jì)師，工程師也可在“腳本”按鈕中寫入“JS”代碼來制作自己想要的交互效果。


手機(jī)觀看：點(diǎn)擊“通過二維碼共享”按鈕，可用手機(jī)掃描出現(xiàn)的二維碼觀看作品效果。


發(fā)布作品：點(diǎn)擊橙色“發(fā)布”按鈕，可發(fā)布H5作品。

共享、導(dǎo)出作品：在“通過二維碼共享”對話框中，可以選中“共享源文件”，復(fù)制共享作品編輯地址。


Mugeda支持HTML5源文件、GIF、視頻、PNG等格式的導(dǎo)出，導(dǎo)出步驟：“文件”→“導(dǎo)出”→選擇導(dǎo)出格式

【Mugeda使用教程】

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


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


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


然后選擇畫類型，Mugeda支持CSS3和Canvas兩種不同的HTML5動畫。
Canvas是像素級動畫，支持的動畫效果全面，比如遮罩，但對硬件要求較高。
CSS3是非像素級動畫，支持的動畫效果不如Canvas，但對設(shè)備要求更低。
一般而言CSS3更常用，可以滿足基本需求，大多數(shù)情況下推薦使用CSS3。
選擇完尺寸和類型后，點(diǎn)擊確定，關(guān)閉對話框。
如果在尺寸選擇后你想改變主意，你可以在屬性對話框中編輯畫布的大小。舞臺上沒有任何元素被選中或點(diǎn)擊舞臺的空白區(qū)域可以顯示舞臺的屬性。

  
總結(jié)：通過上面的講述，我們可以看到創(chuàng)建一個(gè)新作品是一件很輕松的事情，作品建好了，之后再展現(xiàn)動畫就需要有動畫元素。

【Mugeda常見問題】

為什么導(dǎo)入H5里的視頻無法播放？
答：確保視頻格式為MP4，另外大小控制在20M以內(nèi)，另外注意視頻的格式，視頻編碼必須是H.264，音頻編碼必須是AAC。

為什么我的背景音樂無法播放？
答：Mugeda支持的聲音格式為mp3和wav；
保證聲音文件大小10M以內(nèi)（通常建議壓縮處理后聲音文件大小500kb左右）。

為什么我的背景音樂只在一頁中播放？
答：整個(gè)作品的背景音樂在屬性欄——背景音樂處添加

為什么打開內(nèi)容時(shí)，會提示素材缺失？
答：素材缺失，指的是圖片、視頻和音頻素材在源文件里丟失的情況，這是因?yàn)樗夭臎]有上傳完成造成的。

同時(shí)如果在素材庫里刪除了素材，相關(guān)作品中用到的素材也會刪除，會顯示如下：