HypeforMacHTML5創(chuàng)作工具是一款十分好用的動(dòng)畫(huà)制作軟件，它可以幫助用戶們制作出可以適用于網(wǎng)頁(yè)交互的動(dòng)畫(huà)，為此還有諸多的便利工具，讓用戶們可以更加輕松的進(jìn)行創(chuàng)作，所以快來(lái)試試吧！

軟件介紹

Hype是一款強(qiáng)大的MacOS平臺(tái)HTML5創(chuàng)作工具，它可以在網(wǎng)頁(yè)上做出賞心悅目的動(dòng)畫(huà)效果，創(chuàng)建豐富的網(wǎng)頁(yè)交互動(dòng)畫(huà)，支持層、時(shí)間軸等編輯方式，并能很好的導(dǎo)出HTML5/CSS3/JavaScript，在臺(tái)式機(jī)，智能手機(jī)和iPad上流暢表現(xiàn)。

軟件功能

1.多邊形

可以將任意數(shù)量的側(cè)面形狀輕松插入文檔中。它們是可編輯的，并且可以作為更復(fù)雜的矢量形狀的起點(diǎn)。

2.路徑

路徑通常被稱為“鋼筆工具”，“曲線”或“向量”，是所有向量形狀的基礎(chǔ)，并且可以包含多個(gè)由控制點(diǎn)操縱的直線或曲線段。

3.鉛筆工具

您可以畫(huà)一條線，而不是為路徑定義單個(gè)點(diǎn)，它會(huì)自動(dòng)平滑并轉(zhuǎn)換為路徑。我們建議將此工具與Astropad等平板電腦解決方案配對(duì)。

4.形狀變形

自動(dòng)將一個(gè)矢量形狀設(shè)置為另一種形狀！您需要做的就是點(diǎn)擊記錄，移動(dòng)播放頭和修改形狀。

5.畫(huà)線動(dòng)畫(huà)

非常適合內(nèi)置，您可以使用“vivus”風(fēng)格的效果使矢量形狀具有被繪制的外觀。使用“鉛筆工具”時(shí)，可以自動(dòng)添加這些工具。

6.物理與互動(dòng)

矢量形狀可以成為動(dòng)態(tài)物理實(shí)體，并成為模擬物理環(huán)境的一部分。使用“鉛筆”工具繪制的形狀將變得生動(dòng)起來(lái)！

7.精靈表/圖像序列導(dǎo)入PRO

導(dǎo)入使用其他工具制作的Sprite表格，或讓Hype為您提供一系列圖像文件或GIF動(dòng)畫(huà)的表格。連同持續(xù)時(shí)間和循環(huán)選項(xiàng)，可以在時(shí)間軸上操縱生成的動(dòng)畫(huà)元素。

8.掉落和嵌入陰影

陰影使用CSS濾鏡效果將陰影動(dòng)態(tài)添加到具有不規(guī)則形狀的元素或包含alpha值的圖像。插圖陰影像小插圖一樣應(yīng)用到盒子的內(nèi)部。

9.回退映像PRO

拍攝活動(dòng)場(chǎng)景的快照，并將其用作廣告的海報(bào)/備用圖像，或在用戶禁用JavaScript時(shí)用作備用。

10.數(shù)學(xué)方程式計(jì)時(shí)功能PRO

您可以編寫JavaScript方程式來(lái)定義動(dòng)畫(huà)的定時(shí)功能，而不是內(nèi)置或自定義緩動(dòng)。

11.官方CDNPRO

此高級(jí)導(dǎo)出選項(xiàng)允許使用托管的運(yùn)行時(shí)文件。對(duì)于廣告，它們通常不計(jì)入可交付文件的大小要求，并且在某些情況下可以加快加載速度。

12.iPhoneX選項(xiàng)

現(xiàn)在，預(yù)設(shè)場(chǎng)景大小包括最新手機(jī)的默認(rèn)大小，并且有一個(gè)用于處理陷波的移動(dòng)選項(xiàng)。

13.翻頁(yè)過(guò)渡

這是從一個(gè)場(chǎng)景到另一個(gè)場(chǎng)景（綁定到拖動(dòng)手勢(shì)）的最平滑方法。它是“現(xiàn)場(chǎng)輕掃”操作的過(guò)渡選項(xiàng)。新的“為顯示準(zhǔn)備”動(dòng)作處理程序提供了設(shè)置下一個(gè)場(chǎng)景的機(jī)會(huì)。

14.偏斜

通過(guò)在X或Y方向上添加剪切來(lái)變換元素。細(xì)微的偏斜動(dòng)畫(huà)可以為您的元素增添生氣。

15.外部編輯PRO

編輯其他應(yīng)用程序中的資源?？梢栽谖谋揪庉嬈鳎ㄈ鏐BEdit）中編輯JavaScript函數(shù)或HeadHTML?？梢栽赑Sp或AffinityPhoto等應(yīng)用中編輯圖像。保存在另一個(gè)應(yīng)用程序中會(huì)將文件寫回到您的Hype文檔中。

16.可編輯的HTML屬性PRO

將其他屬性添加到圖像。這可以是自定義data-*屬性，也可以是標(biāo)準(zhǔn)屬性，例如視頻的poster屬性。

17.物理API訪問(wèn)PRO

Hype的物理引擎基于something.js，現(xiàn)在可以通過(guò)JavaScript代碼和元素設(shè)置器API進(jìn)行訪問(wèn)。這允許進(jìn)一步定制并利用其高級(jí)功能。

軟件特色

1.總覽

Hype4是用于macOS的HTML5創(chuàng)建應(yīng)用程序。用Hype制作的交互式內(nèi)容和動(dòng)畫(huà)可在臺(tái)式機(jī)，智能手機(jī)和iPad上使用。

2.場(chǎng)景

場(chǎng)景是分離和組織內(nèi)容的有用方法。它們類似于Keynote或PowerPoint演示文稿中的幻燈片。

3.元素

元素是場(chǎng)景中的對(duì)象。它們可以是形狀，文本，按鈕，紋理按鈕，圖像，視頻或HTML小部件。

4.矢量形狀

矢量是使用矢量工具繪制的形狀，包括直線，曲線和復(fù)雜形狀。

5.動(dòng)畫(huà)制作

Hype使用功能強(qiáng)大的基于關(guān)鍵幀的動(dòng)畫(huà)系統(tǒng)為元素提供運(yùn)動(dòng)和過(guò)渡。它的錄制功能使制作動(dòng)畫(huà)變得輕而易舉。

6.時(shí)間線

時(shí)間軸包含動(dòng)畫(huà)。每個(gè)場(chǎng)景至少有一個(gè)時(shí)間軸，場(chǎng)景也可以有許多時(shí)間軸。使用動(dòng)作來(lái)開(kāi)始，暫?；蚶^續(xù)時(shí)間表會(huì)創(chuàng)建豐富而復(fù)雜的文檔。

7.動(dòng)作

場(chǎng)景，時(shí)間線和動(dòng)畫(huà)是所有Hype文檔的基礎(chǔ)。動(dòng)作將這個(gè)基礎(chǔ)聯(lián)系在一起，并使文檔具有交互性。

8.符號(hào)

符號(hào)是一個(gè)功能強(qiáng)大的工具，可讓您輕松地重用元素，時(shí)間軸和動(dòng)畫(huà)。

9.音頻視頻

Hype支持最新的HTML5音頻和視頻API，用于創(chuàng)建具有豐富多媒體內(nèi)容的文檔。

10.版式

文字和字體控件，Google字體和自定義字體支持。

11.物理

物理使您可以控制元素的物理屬性（反彈，摩擦，空氣阻力和密度）以及場(chǎng)景的引力。

12.響應(yīng)式布局

響應(yīng)式布局允許您為單個(gè)場(chǎng)景創(chuàng)建多個(gè)布局，這些布局顯示在特定的斷點(diǎn)處。

13.布局靈活

靈活的布局是一個(gè)功能強(qiáng)大的布局系統(tǒng)，用于調(diào)整文檔和元素的大小和縮放比例，允許Hype動(dòng)畫(huà)在瀏覽器窗口或設(shè)備的視口更改大小時(shí)做出響應(yīng)。

14.Hype反映

適用于iOS的HypeReflect可讓您在任何iOS設(shè)備上快速預(yù)覽或鏡像Hype文檔。

15.觸控與行動(dòng)

Hype提供了幾種用于產(chǎn)生觸摸友好交互性的選項(xiàng)。

16.預(yù)覽和導(dǎo)出

在本地瀏覽器上預(yù)覽Hype文檔并將文檔導(dǎo)出到Web。

17.輔助功能

了解有關(guān)如何在文檔中添加替代文本，角色和輔助功能的信息。

18.導(dǎo)出腳本

通過(guò)在導(dǎo)出過(guò)程中添加其他處理步驟來(lái)自動(dòng)執(zhí)行Hype輸出。

19.范本

模板是“凍干”的Hype文檔-打開(kāi)Hype模板會(huì)基于打開(kāi)的模板創(chuàng)建一個(gè)新文檔。

20.資源資源

資源是已添加到Hype文檔中的圖像，視頻，JavaScript函數(shù)和其他文件。

21.JavaScript

Hype中的JavaScript函數(shù)通常是響應(yīng)用戶事件而運(yùn)行的。

22.檢驗(yàn)員

Hype的九名檢查員可以輕松訪問(wèn)文檔，場(chǎng)景和元素屬性，以及各種其他控件。

23.捷徑

探索Hype的眾多鍵盤快捷鍵，以更有效地工作。

更新內(nèi)容

1.修復(fù)已知bug

2.優(yōu)化操作體驗(yàn)