無需程式碼,Hype可以把設計變成動畫,讓你的創意動起來

ankych發表於2021-01-30

以前,你需要掌握複雜的軟體才能製作HTML5動畫,現在無需程式碼,Hype可以把設計變成動畫,像設計幻燈片一樣輕鬆,趕快讓你的創意動起來!

Hype 4 Pro for Mac(HTML5動畫製作軟體) v4.1.4中文版

你會從一個空白的“場景”開始,它可以是一個網頁、一章電子書,或是一個橫幅廣告。 無需程式碼,Hype可以把設計變成動畫,讓你的創意動起來

在 App 中新增文字、圖片、多媒體素材以及插畫後,你就可以將它們重新排列組合,也可以讓它們平滑地變成別的形狀。製作過程中的技術問題,《Hype》都會為你代勞。

而你要做的,就是盡情創作。例如,你可以為網站製作動態的介紹頁面;也可以設計一個小測驗,答對問題會有彩紙飄落的效果;你還可以在你用《iBooks Author》設計的電子童書中新增互動元素。當然,《Hype》能做的還遠遠不止這些。下方為你羅列具體功能,看完你會驚訝,竟如此強大~ 無需程式碼,Hype可以把設計變成動畫,讓你的創意動起來

1、快速動畫設計:

• 簡單易用的、基於關鍵幀的動畫系統

• 記錄模式可監測您的每次移動,從而根據需要自動建立關鍵幀

• 創作貝塞爾路徑的自然運動曲線

• 輕鬆在向量形狀之間變換形狀(即便有不同數量的路徑點也能做到)

• 為組織和工作流製作場景

• 利用多個同時時間線的功能來執行動畫

2、新增互動性:

• 操作控制程式碼啟動和時間線控制,場景切換,或是執行自定義的 JavaScript

• 視覺化地構建操作控制程式碼來響應輕觸、點按和動畫事件

3、創作絕妙的內容:

• 基於 WebKit 的“所見即所得”式場景編輯

• 智慧導引、排列和縮放工具

• 輕鬆整合影片和音訊,得到出色的多媒體文稿

• 最前衛的效果:模糊、影像濾鏡、背景幕濾鏡、縮放、傾斜、倒影和 3D 變換

• 新增 Google 字型或使用自己的 Web 字型

• 設定輔助功能備用文字、角色和標籤頁索引

• 支援 Retina 解析度的影像

4、完美契合移動裝置:

• Hype 的 HTML5 輸出可在移動裝置上高效執行

• 具有可調佈局系統,可縮放內容以適合螢幕大小

• 輕鬆新增掃動、觸控和翻頁操作

• 將拖動事件繫結到時間線位置,實現豐富的互動效果

• 在 iPhone 和 iPad 上,利用免費的 Hype Reflect 夥伴 iOS 應用程式預覽您的專案

• Hype Reflect 的映象模式可在您編輯的時候實時顯示出編輯的效果

5、可編碼進行擴充套件:

• 編輯任何元素的 InnerHTML

• 整合的 JavaScript 編輯器用於編寫由使用者操作觸發的功能

• 使用 API 控制場景、時間線以及更多內容

6、匯出為 HTML:

• 輸出最新的 HTML5、CSS3 樣式和 JavaScript

• 內容可在包括從 IE 6 到最新版的 Chrome 在內的所有瀏覽器上執行

• 自包含目錄包括您文稿的所有資源和程式碼

• 透過複製和貼上 HTML 的 3 行新增到現有頁面中

7、特別適合廣告:

• 最小文稿僅 24 KB(自託管、經壓縮)或在使用官方 CDN 時僅為 1.5 KB

• 匯出指令碼外掛擴充套件 Hype 以支援常見的廣告系統

• 高階匯出對要交付的產品進行微調

8、Hype 還可以匯出:

• iBooks Author 小元件

• 影片

• 動畫 GIF 和 PNG

HTML5動畫很難製作嗎?在以前也許,但是有了這款《Hype》,無需程式碼,就可以把設計變成動畫,讓你的創意動起來。

來自 “ ITPUB部落格 ” ,連結:http://blog.itpub.net/69956340/viewspace-2754755/,如需轉載,請註明出處,否則將追究法律責任。

相關文章