Hana 中的 Liquid Glass 與 3D

開啟 Hana

今天，我們為 Hana 推出一次重大更新，帶來即時 Liquid Glass、3D Transform、Autolayout 和影片圖層等突破性功能。

Hana 中的 Liquid Glass

隨著 iOS 26 推出，Liquid Glass 效果吸引了設計社群的目光。現在，你可以把這個效果套用到 Hana 中的任何物件圖層。

你可以編輯玻璃參數（例如 Distortion）來控制折射程度。

不過，你也可以跳脫 iOS 的風格，打造自訂的玻璃效果。我們讓參數保持足夠通用，允許你誇大某些效果的表現，以達到更醒目的視覺美感，實現各種創意成果。

可堆疊的玻璃

在大多數設計工具中，模糊或玻璃效果通常只限於單一圖層，也就是說，當你堆疊多個圖層時，玻璃的扭曲不會累加，看起來仍是平的。

在 Hana 中，你可以輕鬆堆疊多層玻璃，並看到每一層如何折射後方或下方的元素，就像在現實中一樣，開啟全新的創作可能。不只玻璃效果，背景模糊效果也能這樣堆疊。

3D Transform

從 2D 走向 3D 一直是個挑戰。開始開發這項功能時，我們就知道要提供一種無縫的方式，讓你輕鬆在 2D 和 3D 之間切換，而不會失去任何東西。

在 Hana 中，任何物件現在都可以成為 3D 物件，並有參數可控制它在 3D 空間中的位置（Depth）、旋轉和透視。

所有這些參數都可以製作動畫，並與狀態／事件系統相容。

畫框與 3D 傳送門

當畫框變成 3D 時，它也成為通往自身 3D 空間的窗口。這特別適合用來打造傳送門：一種能在自身內部看見景深的視覺元素。

做法很簡單：把物件放進畫框、讓畫框變成 3D，再調整畫框內物件的 3D 位置或旋轉。現在，只要改變畫框的旋轉或位置，就能看到裡面的物件以多層景深呈現。

Autolayout

Hana 現在支援參數完全可動畫化的版面。你可以建立垂直和水平版面，並自訂內距和間距。

版面能與事件和狀態搭配運作，並即時更新，提升互動性。

我們也加入了瀑布流版面支援，類似 Pinterest 的欄位版面。

影片圖層

現在你可以輕鬆在 Spline Hana 的任何圖層中嵌入影片。這在製作互動簡報或設計動態效果時非常方便。只要在 Fill 面板中切換到 Video Layer，再上傳或拖放你的影片即可。

和 Spline 的 3D 編輯器一樣，Hana 中的影片也能由自訂事件觸發。影片預設會在 Start 事件時播放，但你可以更改設定，改用滑鼠事件或其他任何事件來觸發。

全新的創作可能

內容真不少！ 希望你喜歡今天推出的所有新功能，並開始打造令人驚豔的新設計。

— Spline 團隊

開啟 Hana