Liquid Glass e 3D in Hana

Apri Hana

Oggi annunciamo un grande aggiornamento di Hana che introduce funzionalità rivoluzionarie come Liquid Glass in tempo reale, 3D Transform, Autolayout e i livelli video.

Liquid Glass in Hana

Con l’arrivo di iOS 26, l’effetto Liquid Glass ha catturato l’attenzione della community del design. Ora puoi applicare questo effetto a qualsiasi livello oggetto in Hana.

Puoi modificare i parametri del vetro, come Distortion, per controllare la quantità di rifrazione.

Ma puoi anche andare oltre lo stile di iOS e creare effetti vetro personalizzati. Abbiamo fatto in modo che i parametri siano abbastanza generali da ottenere risultati creativi diversi: puoi esasperare alcuni comportamenti degli effetti e ottenere un’estetica visiva più sorprendente.

Vetro sovrapponibile

Nella maggior parte degli strumenti di design, gli effetti di sfocatura o vetro sono limitati a un singolo livello: se sovrapponi più livelli, la distorsione del vetro non si somma e resta piatta.

In Hana puoi sovrapporre facilmente più livelli di vetro e vedere come ciascuno rifrange gli elementi che ha dietro o sotto, proprio come nella realtà, aprendo un intero nuovo ventaglio di possibilità creative. Questo vale per gli effetti vetro, ma anche per gli effetti di sfocatura dello sfondo.

3D Transform

Passare dal 2D al 3D è sempre stata una sfida. Quando abbiamo iniziato a lavorare a questa funzionalità, sapevamo di voler offrire un modo fluido per passare facilmente dal 2D al 3D senza perdere nulla per strada.

In Hana ora qualsiasi oggetto può diventare un oggetto 3D, con parametri per controllarne la posizione (Depth), la rotazione e la prospettiva nello spazio 3D.

Tutti questi parametri sono animabili e compatibili con il sistema di stati ed eventi.

Frame e portali 3D

Quando un frame diventa 3D, diventa anche una finestra sul proprio spazio 3D. È particolarmente utile per creare portali, elementi visivi al cui interno si percepisce la profondità.

È facile: metti degli elementi dentro un frame, rendi il frame 3D e cambia la posizione o la rotazione 3D degli elementi al suo interno. Ora, se cambi la rotazione o la posizione del frame, vedrai come vengono renderizzati gli elementi all’interno, su più livelli di profondità.

Autolayout

Hana ora supporta layout con parametri completamente animabili. Puoi creare layout verticali e orizzontali con padding e spaziature personalizzabili.

I layout funzionano insieme a eventi e stati e si aggiornano in tempo reale per migliorare l’interattività.

Abbiamo anche aggiunto il supporto per i layout masonry, simili ai layout a colonne di Pinterest.

Livelli video

Ora puoi incorporare facilmente un video in qualsiasi livello di Spline Hana. È utilissimo quando crei una presentazione interattiva o progetti per il motion. Basta passare al Video Layer nel pannello Fill e caricare o trascinare il tuo video.

Come nell’editor 3D di Spline, anche in Hana i video possono essere attivati da eventi personalizzati. Per impostazione predefinita un video parte con l’evento Start, ma puoi cambiarlo e attivarlo con gli eventi del mouse o con qualsiasi altro evento.

Nuove possibilità creative

Quante novità! Speriamo che ti piacciano tutte le funzionalità che abbiamo rilasciato oggi e che tu inizi a creare nuovi design entusiasmanti.

— Il team di Spline

Apri Hana