Mugeda html5是一款非常好用的H5制作軟件。你還在尋找H5制作工具嗎？那就來(lái)看看小編的Mugeda html5。該軟件采用專業(yè)級(jí)的交互界面，具有強(qiáng)大的動(dòng)畫編輯能力和自由創(chuàng)作空間，可以根據(jù)需要?jiǎng)?chuàng)作出各種H5界面，支持發(fā)布、賬號(hào)管理、協(xié)同工作、數(shù)據(jù)收集等，如有需要?dú)g迎前來(lái)本站下載體驗(yàn)！

軟件功能：

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

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

2、云平臺(tái)

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

3、H5

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

4、天生分享

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

軟件特色：

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

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

2、最精準(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)

3、智能加速引擎

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

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

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

使用教程：

步驟1：添加素材、排版

在新建頁(yè)面上添加圖片素材、矩形、文本框，調(diào)整其位置、大小、文字內(nèi)容、文字大小、顏色等屬性。

2同理添加三組相同的素材

3在添加圖片時(shí)，我們應(yīng)注意，將每一個(gè)職位的素材分別合并成組，并放在不同的圖層內(nèi)。例如，將總顧問(wèn)一組放置顧問(wèn)圖層，將市場(chǎng)總監(jiān)一組放置市場(chǎng)總監(jiān)圖層

步驟2：添加動(dòng)畫效果

1在時(shí)間軸上選擇所有圖層的第30幀，右鍵→插入幀

2點(diǎn)擊無(wú)需添加動(dòng)畫的圖層3、4的類似鎖狀的按鈕，將其鎖住，選中快遞員市場(chǎng)總監(jiān)顧問(wèn)三個(gè)圖層的時(shí)間線，右鍵→插入關(guān)鍵幀動(dòng)畫

3分別選中快遞員市場(chǎng)總監(jiān)圖層第1幀，調(diào)整Y軸旋轉(zhuǎn)角度為-50-40

4將第一組總顧問(wèn)放在舞臺(tái)正中間，選中動(dòng)畫最后一幀，即第30幀，將快遞員組放在舞臺(tái)正中間。

5同時(shí)，在第30幀，點(diǎn)擊設(shè)置市場(chǎng)總監(jiān)總顧問(wèn)組的Y軸旋轉(zhuǎn)分別為4050

步驟3：添加按鈕

新建一個(gè)圖層，命名為按鈕，添加一個(gè)矩形，使其高度與舞臺(tái)相同，寬度大于舞臺(tái)

2將按鈕矩形透明度設(shè)置為0，并為其命名為透明按鈕

3點(diǎn)擊舞臺(tái)空白處，在舞臺(tái)的屬性面板下找到動(dòng)畫關(guān)聯(lián)，選擇啟用，點(diǎn)擊關(guān)聯(lián)按鈕

4設(shè)置關(guān)聯(lián)屬性關(guān)聯(lián)對(duì)象：透明按鈕關(guān)聯(lián)屬性：左開始值：-203(透明按鈕最右端與舞臺(tái)右端重合時(shí)的位置)結(jié)束值：0播放模式：同步注意：為方面觀察，也可先將透明按鈕透明度調(diào)整為20

Mugeda html5(H5制作軟件) v1.0 官方版 附教程
5選中透明按鈕，在其屬性面板下找到拖動(dòng)/旋轉(zhuǎn)按鈕，選擇水平拖動(dòng)

步驟4：添加表單

1選中我要應(yīng)聘按鈕元素，在其屬性面板下找到動(dòng)作，選擇表單，點(diǎn)擊右邊的編輯按鈕

2在彈出的編輯表單中設(shè)置表單名稱：應(yīng)聘提交方式：GET提交目標(biāo)：提交數(shù)據(jù)到后臺(tái)確認(rèn)消息：提交成功背景顏色、字體顏色、字體大小等點(diǎn)擊添加表單項(xiàng)

3在添加表單項(xiàng)對(duì)話框中填寫名稱：姓名描述：姓名類型：輸入框，點(diǎn)擊保存

4同理，再添加一個(gè)表單項(xiàng)，設(shè)置內(nèi)容為名稱：應(yīng)聘職位描述：應(yīng)聘職位類型：?jiǎn)芜x框取值：總顧問(wèn)、市場(chǎng)總監(jiān)、快遞員(一行為一個(gè)選項(xiàng))點(diǎn)擊保存

5同理，再添加一個(gè)表單項(xiàng)，設(shè)置內(nèi)容為名稱：電話描述：電話類型：電話號(hào)碼，點(diǎn)擊保存可點(diǎn)擊預(yù)覽觀察效果

步驟5：添加背景音樂(lè)

1添加一個(gè)音樂(lè)在舞臺(tái)，將音樂(lè)素材移動(dòng)至舞臺(tái)之外，在背景音樂(lè)中選擇聲音1

2同時(shí)，也可設(shè)置分享與加載

步驟6：查看后臺(tái)表單數(shù)據(jù)

在動(dòng)畫作品界面點(diǎn)擊該作品統(tǒng)計(jì)按鈕

在數(shù)據(jù)界面選擇表單數(shù)據(jù)，即可查看所提交的表單信息。