Liquid Glass i 3D w Hana

Nowości w Hana: 3D Transform, Liquid Glass i Autolayout

Otwórz Hana

Dziś ogłaszamy ogromną aktualizację Hana, która wprowadza przełomowe funkcje: Liquid Glass w czasie rzeczywistym, 3D Transform, Autolayout i warstwy wideo.

Liquid Glass w Hana

Wraz z premierą iOS 26 efekt Liquid Glass przyciągnął uwagę społeczności projektantów. Teraz możesz nałożyć go na dowolną warstwę obiektu w Hana.

Możesz edytować parametry szkła, takie jak Distortion, aby sterować siłą załamania światła.

Możesz jednak wyjść poza styl iOS i tworzyć własne efekty szkła. Zadbaliśmy o to, by parametry były na tyle uniwersalne, by pozwalały osiągać różne kreatywne efekty – możesz wyolbrzymić niektóre zachowania efektu i uzyskać bardziej uderzającą estetykę.

Najedź kursorem lub dotknij, aby wejść w interakcję (doświadczenie stworzone w Hana)

Szkło warstwami

W większości narzędzi projektowych efekty rozmycia czy szkła działają tylko w obrębie jednej warstwy, więc gdy nałożysz kilka warstw, zniekształcenie szkła się nie sumuje i pozostaje płaskie.

W Hana możesz łatwo nakładać wiele warstw szkła i obserwować, jak każda z nich załamuje elementy za nią lub pod nią – zupełnie jak w prawdziwym świecie – co otwiera zupełnie nowe możliwości twórcze. Działa to w efektach szkła, ale też w rozmyciu tła.

Manipulowanie wieloma warstwami Liquid Glass w Hana

3D Transform

Przejście z 2D do 3D zawsze było wyzwaniem. Zaczynając pracę nad tą funkcją, wiedzieliśmy, że chcemy umożliwić płynne przełączanie się między 2D a 3D bez utraty czegokolwiek po drodze.

W Hana każdy obiekt może teraz być obiektem 3D, z parametrami sterującymi jego położeniem (Depth), obrotem i perspektywą w przestrzeni 3D.

Wszystkie te parametry można animować i są zgodne z systemem stanów i zdarzeń.

Sterowanie perspektywą, obrotem i położeniem obiektu na osi Z w Hana

Ramki i portale 3D

Gdy ramka staje się trójwymiarowa, staje się też oknem do własnej przestrzeni 3D. To szczególnie przydatne przy tworzeniu portali – elementów wizualnych, w których widać głębię.

To proste: umieść elementy w ramce, zmień ramkę na 3D i zmień położenie lub obrót elementów w jej wnętrzu. Teraz, gdy zmienisz obrót lub położenie ramki, zobaczysz, jak elementy renderują się w środku, na wielu poziomach głębi.

Portale 3D w ramkach stworzone w Hana

Autolayout

Hana obsługuje teraz układy z w pełni animowalnymi parametrami. Możesz tworzyć układy pionowe i poziome z konfigurowalnymi marginesami wewnętrznymi i odstępami.

Układy współpracują ze zdarzeniami i stanami i aktualizują się w czasie rzeczywistym, wzmacniając interaktywność.

Dodaliśmy też obsługę układów typu masonry, podobnych do kolumn znanych z Pinteresta.

Doświadczenia stworzone w Hana z użyciem Layout

Warstwy wideo

Teraz możesz łatwo osadzić wideo w dowolnej warstwie w Spline Hana. Przydaje się to przy tworzeniu interaktywnej prezentacji lub projektowaniu ruchu. Wystarczy przełączyć się na Video Layer w panelu Fill i przesłać wideo lub przeciągnąć je i upuścić.

Podobnie jak w edytorze 3D Spline, wideo w Hana można też uruchamiać własnymi zdarzeniami. Domyślnie wideo odtwarza się przy zdarzeniu Start, ale możesz to zmienić i uruchamiać je zdarzeniami myszy lub dowolnym innym zdarzeniem.

Sterowanie perspektywą, obrotem i położeniem obiektu na osi Z w Hana

Nowe możliwości twórcze

To było sporo! Mamy nadzieję, że spodobają Ci się wszystkie funkcje, które dziś wypuściliśmy, i że zaczniesz tworzyć ekscytujące nowe projekty.

— Zespół Spline

Otwórz Hana

Więcej z bloga