Hype 4 Pro for Mac(HTML5動畫製作軟體)(如何實現WordPress翻頁效果)

Hype 4 Pro for Mac(HTML5動畫製作軟體)

Mac哪款HTML5動畫製作軟體好用呢？Mac上一款好用的HTML5動畫製作軟體Hype 4 Pro，其長處是可以在網頁上做出悅目的動畫效果，無需 Flash 插件。

Hype 4 Pro for Mac軟體簡介

hype 4 for mac是一款mac上的HTML5動畫製作軟體，不需要靠flash插件就可以進行H5的動畫製作，並且極具靈活性，hype mac破解版具有所見即所得的特點，自動的為您創建關鍵幀、並且能製作各種不同的場景，還能使用各種動作在不同的場景中轉換。

hype是領先設計師使用的獲獎工具。創建動畫，為網頁，圖表，演示文稿，數字雜誌，廣告，iBooks，教育內容，應用原型，投資組合，動畫GIF，視頻，整個網站等添加「哇」因素。從原型到生產，任何人都可以使用hype創建豐富的互動式媒體。 使用hype創建令人驚嘆的動畫和互動式Web內容。hype的HTML5輸出適用於所有現代瀏覽器和移動設備，如iPhone和iPad。無需編碼。

Hype 4 Pro for Mac軟體功能

多邊形

可以輕鬆地將具有任意數量邊的形狀插入到文檔中。它們是可編輯的，可以作為更複雜矢量形狀的起點。

路徑

通常稱為「筆工具」，「曲線」或「矢量」，路徑是所有矢量形狀的基礎，並且可以包含由控制點操縱的多個直線或曲線段。所有預期的行上限，加入和填充規則都在這裡。

鉛筆工具

您可以繪製一條線，而不是為路徑定義單個點，它將自動平滑並轉換為路徑。我們建議將此工具與Astropad等平板電腦解決方案配對。

形狀變形

自動將一個矢量形狀設置為另一個矢量形狀！您需要做的就是點擊記錄，移動播放頭，並修改您的形狀。開始和結束形狀可以有非常不同的錨點，而Tumult hype的最佳匹配演算法將找出最智能的形狀補間。

形狀變形可以使用任何計時功能來進行有趣的運動效果，如彈性或彈跳緩和。

線條繪製動畫

對於內置項目的完美選擇，您可以使用「vivus」樣式效果為矢量形狀提供被繪製的外觀。使用鉛筆工具時，可以自動添加這些工具，使其顯示為實時繪圖。

物理與互動

矢量形狀可以成為動態物理實體，並成為模擬物理環境的一部分。使用鉛筆工具繪製的形狀將變得活躍！

矢量形狀還支持Tumult hype的所有交互功能，例如使用相對時間線動態無狀態動畫或綁定到拖動。精靈表/圖像序列導入

PRO使用其他工具導入精靈表，或者讓Tumult hype為您提供一系列圖像文件或動畫GIF。除了持續時間和循環選項外，還可以在時間軸上操縱生成的動畫元素。

翻頁過渡這是從一個場景到另一個場景的最流暢的方式，綁定到拖動手勢。它是On Scene Swipe操作的過渡選項。新的On Prepare For Display動作處理程序提供了設置下一個場景的機會。

掉落和插入陰影

投影使用CSS濾鏡效果動態地為具有不規則形狀的元素或包含alpha值的圖像添加陰影。嵌入陰影適用於框內部，如小插圖。

斜

通過在X或Y方向上添加剪切來變換元素。微妙的歪斜動畫可以為您的元素增添活力。

後備圖像

PRO拍攝活動場景的快照，並將其用作廣告的海報/備用圖像，或者在用戶禁用JavaScript時作為後備廣告使用。

外部編輯

PRO編輯其他應用程序中的資源。可以在BBEdit等文本編輯器中編輯JavaScript函數或Head HTML; 可以在Photoshop或Affinity Photo等應用中編輯圖像。保存在其他應用程序中會將文件寫回您的hype文檔。

數學方程時間函數

PRO除了內置或自定義緩動外，您還可以編寫JavaScript方程式來定義動畫的計時功能。

可編輯的HTML屬性

PRO為圖像添加其他屬性。這可以是自定義數據 - *屬性，也可以是標準的屬性，例如視頻的海報屬性。

官方CDN

PRO此高級導出選項允許使用託管運行時文件。對於廣告，它們通常不計入可交付文件大小要求，並且在某些情況下可以加快載入速度。

物理API訪問

PRO Tumult hype的物理引擎基於matter.js，現在可以通過JavaScript代碼和元素設置器API訪問。這允許進一步定製並利用其高級功能。

iPhone X選項

預設場景大小現在包括最新手機的默認值，並且有一個移動選項可用於處理缺口。

Mojave UI波蘭語

在MacOS 10.14下，Tumult hype的界面經過調整，看起來很棒，支持新的系統顏色，甚至將Professional Dark主題帶到了hype Standard版本。

Hype 4 Pro for Mac軟體特色

捕捉中動畫

Tumult hype的基於關鍵幀的動畫系統將您的內容帶入生活。點擊「記錄」，Tumult hype觀看你的一舉一動，根據需要自動創建關鍵幀。或者，如果您希望更加親身實踐，請手動添加，移除和重新排列關鍵幀以對內容進行微調。通過單擊並拖動元素的運動路徑來創建自然曲線以添加貝塞爾控制點很容易。

時間線

場景的時間線可以在動作觸發時添加和播放。這種功能可以讓你添加交互性 - 將滑鼠懸停在某個元素上可能會觸發一個時間軸來播放，從而為場景中的其他元素提供動畫。

操作

參與您的觀眾並觸發自定義動畫，場景轉換，聲音或JavaScript功能，以響應滑鼠點擊，觸摸事件，特定時間或文檔事件等操作。

場景

場景與演示軟體中的幻燈片類似，並且是簡化動畫流或分離內容的好方法。 Tumult hype可以讓您根據需要製作多個場景，並且各種動作可以使用平滑過渡在場景之間切換。

無限的可能性

Tumult hype是用於創建內容的「空白板」類型的應用程序。提供的工具功能強大，鼓勵實驗; 你可以建立的可能性是無止境的。

動畫

通過在您的網頁中添加「哇因素」來打動您的訪問者。動畫橫幅，按鈕或指標可以讓您的網站活躍起來，並有效引導用戶的注意力。

網頁

對於需要高度互動的網站，例如投資組合或畫廊，請讓您的網頁脫穎而出。搜索引擎可以掃描頁面中包含的文本內容。

電子賀卡

沒有什麼像動畫的情人節賀卡那樣說「我愛你」！或者發送客戶動畫片季節的問候。

電子書/的iBooks創建

整本書籍或在現有iBooks中添加動畫教育內容。Tumult hype使iBooks Author小部件導出變得輕而易舉。

信息圖表

信息圖表中的動畫可以幫助可視化和闡明數據點。炒作已被許多領先的新聞機構和數字雜誌使用。

演講

使用超出典型PowerPoint演示文稿的效果為您的營銷做好準備，並將您的要點帶回家。

HTML5的力量

HTML5支持現代網路，並允許內容顯示在從桌面到iPhone和iPad的所有內容中。Tumult hype輸出最先進的HTML5，CSS3樣式和JavaScript。

多瀏覽器支持

Tumult hype努力在所有瀏覽器中提供100％的保真度。是的，甚至包括IE 6！當沒有良好的後備時間時，Tumult hype會在檢查員和出口時警告瀏覽器不兼容，所以你永遠不會感到意外。

HTML5內容和CSS3效果

內置的對HTML5音頻和視頻的支持允許創建多媒體體驗。Tumult hype致力於始終採用尖端功能，如模糊，色調轉換，盒形陰影，反射和3D轉換。豐富的視察員陪伴著Tumult hype的現場編輯，讓您潛入並輕鬆調整內容的各個方面。

易於嵌入

導出時，Tumult hype會創建一個完全自包含的目錄，該目錄包含您的內容的所有資源和JavaScript。將該目錄上傳到您的Web伺服器，將三行HTML複製並粘貼到您現有的網頁中，然後您就可以開始使用了。Tumult hype還支持導出為MP4視頻，動畫GIF和iBooks Author以創建互動式教科書。

為移動設備製造

與其他工具不同的是，Tumult hype為所有內容創建內容，從最新的桌面瀏覽器到iPhone和Android等移動設備。其輕量級運行時間為24 KB（壓縮），僅需要3個網路連接，因此非常適合廣告和低延遲蜂窩連接的快速連接。

用代碼擴展

Tumult hype將JavaScript的所有功能放在你的指尖。集成的JavaScript編輯器可讓您編寫由用戶操作觸發的自定義功能。該騷動炒作的JavaScript API可以從內部或外部嵌入式的操縱場面騷動炒作的內容。

Hype 4 Pro Mac更新日誌

新的功能

hypeDocument.currentSceneId（）的運行時API

現在將場景元素髮送給基於代碼的hypeSceneLoad / hypeSceneUnload事件，因為它是針對javascript函數的

Bug修復

修復了macOS 10.15 Catalina崩潰可能導致某些文檔無法打開的問題

使用運動路徑進行的導出將再次使用精簡運行時，而不是完整運行時

導出使用v3的行為，即選擇最小的布局以首先顯示以更好地與wordpress / embeds一起工作

修復了滑動處理程序可能會干擾iOS 13和Android上的滾動的問題

減少數學方程式時序函數編輯器的意外刪除

修復了某些情況，如果通過API調用，交換過渡可能無法正常工作

解決了無法刪除帶下劃線的文本的問題

從錯誤出現在hype的標準版中刪除了數學方程式

解決了在標準版的hype中出現導出腳本動作的問題

單擊接近0度的旋轉滑塊將使用負數，而不是跳到大角度

嘗試修復macOS 10.15 Catalina上退出時的崩潰

其他HTML屬性表列可調整大小

修復了當文檔窗口跨越兩個顯示時彈出窗口不會顯示的錯誤

修復了在macOS 10.12及更低版本上編輯後文本可能消失的錯誤

修復了在MacOS 10.10上檢查器窗格標題被剪切的問題

修復了以下問題：如果檢查員標題的尺寸較小，則無法單擊「完成」按鈕

Mac App Store恢復購買將通知是否有什麼恢復而不是無休止地旋轉

防止可能導致文檔無法打開的元素的損壞的z-index值

修復了macOS 10.11嘗試檢查升級價格時的崩潰

修復了對Mac App Store早期版本hype進行崩潰檢查的問題

改進的游標可以正確顯示

hype應用程序不會顯示為外部編輯器

如何實現WordPress翻頁效果

wordpress網站中實現文章頁翻頁效果的實現方法。

wordpress默認都是上下篇文章顯示在文章的地方，如果不喜歡這種翻頁效果可以使用 wordpress圖書式翻頁效果，在文章內容頁增加左右翻頁的按鈕。

第一步修改主題文件中single.php

在頁面中加入下面代碼，然後通過css顯示在內容頁的兩側實現翻頁功能。

第二步添加css樣式

可以直接在style.css裡面添加代碼，或者新增一個css樣式引用過來

具體樣式可以根據自己主題的情況進行微調，

另外這裡左右的方向圖標我使用的是 Font Awesome 圖標字體，如果不支持的話，可以直接修改，使用圖片替換。