Liquid Glass und 3D in Hana

Hana öffnen

Heute kündigen wir ein riesiges Update für Hana an – mit bahnbrechenden Funktionen wie Liquid Glass in Echtzeit, 3D Transform, Autolayout und Video-Layern.

Liquid Glass in Hana

Seit iOS 26 zieht der Liquid-Glass-Effekt die Aufmerksamkeit der Design-Community auf sich. Jetzt kannst du diesen Effekt auf jeden Objekt-Layer in Hana anwenden.

Du kannst die Glasparameter bearbeiten, etwa Distortion, um die Stärke der Lichtbrechung zu steuern.

Du kannst aber auch über den iOS-Stil hinausgehen und eigene Glaseffekte gestalten. Wir haben die Parameter bewusst allgemein gehalten, damit du verschiedenste kreative Ergebnisse erzielst: Du kannst bestimmte Verhaltensweisen der Effekte übertreiben und so eine noch auffälligere Ästhetik erreichen.

Stapelbares Glas

In den meisten Design-Tools sind Blur- oder Glaseffekte auf einen einzelnen Layer beschränkt. Stapelst du mehrere Layer, summiert sich die Verzerrung des Glases nicht, sondern bleibt flach.

In Hana stapelst du ganz einfach mehrere Glas-Layer und siehst, wie jeder die Elemente dahinter oder darunter bricht – genau wie in der echten Welt. Das eröffnet völlig neue kreative Möglichkeiten. Das funktioniert mit Glaseffekten, aber auch mit Background-Blur-Effekten.

3D Transform

Der Schritt von 2D zu 3D war schon immer eine Herausforderung. Als wir mit dieser Funktion begonnen haben, war uns klar: Wir wollen einen nahtlosen Weg, ganz einfach zwischen 2D und 3D zu wechseln, ohne dazwischen etwas zu verlieren.

In Hana kann jetzt jedes Objekt ein 3D-Objekt sein – mit Parametern für seine Position (Depth), Drehung und Perspektive im 3D-Raum.

Alle diese Parameter sind animierbar und mit dem System aus States und Events kompatibel.

Frames und 3D-Portale

Wird ein Frame zu 3D, wird er zugleich zum Fenster in seinen eigenen 3D-Raum. Das ist besonders praktisch für Portale – visuelle Elemente, in denen man Tiefe sieht.

Ganz einfach: Leg Elemente in einen Frame, mach den Frame 3D und ändere die 3D-Position oder Drehung der Elemente darin. Wenn du jetzt Drehung oder Position des Frames änderst, siehst du, wie die Elemente darin über mehrere Tiefenebenen gerendert werden.

Autolayout

Hana unterstützt jetzt Layouts mit vollständig animierbaren Parametern. Du kannst vertikale und horizontale Layouts mit anpassbarem Innenabstand und Zwischenraum erstellen.

Layouts arbeiten mit Events und States zusammen und aktualisieren sich in Echtzeit – für mehr Interaktivität.

Außerdem unterstützen wir Masonry-Layouts, ähnlich den Spaltenlayouts von Pinterest.

Video-Layer

Jetzt bettest du ganz einfach ein Video in jeden Layer in Spline Hana ein. Das ist praktisch, wenn du eine interaktive Präsentation baust oder für Bewegung gestaltest. Wechsle einfach im Fill-Panel zum Video-Layer und lade dein Video hoch oder zieh es per Drag & Drop hinein.

Wie im 3D-Editor von Spline lassen sich Videos auch in Hana über eigene Events auslösen. Standardmäßig startet ein Video mit dem Start-Event, du kannst es aber auch per Maus-Event oder jedem anderen Event auslösen.

Neue kreative Möglichkeiten

Das war eine ganze Menge! Wir hoffen, dir gefallen all die neuen Funktionen, die wir heute veröffentlicht haben, und du legst gleich mit spannenden neuen Designs los.

— Das Spline-Team

Hana öffnen