# Liquid Glass i 3D w Hana - Spline blog (https://spline.design/pl/blog/hana-3d-glass-autolayout-video) > Nowości w Hana: 3D Transform, Liquid Glass i Autolayout [Blog](https://spline.design/pl/blog) 9 lipca 2025 # Liquid Glass i 3D w Hana Nowości w Hana: 3D Transform, Liquid Glass i Autolayout [Otwórz Hana](https://app.spline.design) 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. ## 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 ## Więcej z bloga [3 listopada 2026Przedstawiamy Spline Arena](https://spline.design/pl/blog/introducing-spline-arena)[21 października 2026Przedstawiamy Spline dla ChatGPT](https://spline.design/pl/blog/introducing-spline-for-chatgpt)[27 sierpnia 2026Przedstawiamy Hana V2](https://spline.design/pl/blog/hana-v2) [Spline](https://spline.design/pl) Edytor 3D i 2D dla zespołów i ich agentów. Publikuj w sieci, na iOS i Androidzie. #### Zapytaj AI o Spline #### Produkty - [Projektowanie 3D](https://spline.design/pl/3d-design) - [Hana](https://spline.design/pl/hana) - [Omma](https://omma.build) - [Generowanie 3D z AI](https://spline.design/pl/ai-generate) - [Spline MCP](https://spline.design/pl/mcp) - [Spline Arena](https://spline.design/pl/arena) - [Cennik](https://spline.design/pl/pricing) - [Dla firm](https://spline.design/pl/enterprise) #### Runtimes - [Web](https://spline.design/pl/web) - [iOS](https://spline.design/pl/ios) - [Android](https://spline.design/pl/android) #### Aplikacje - [Pobierz](https://spline.design/pl/download) - [Spline Mirror](https://spline.design/spline-mirror) - [Pobierz Spline Mirror](https://spline.design/download-mirror) #### Nauka - [Docs](https://docs.spline.design/) - [Academy](https://spline.design/pl/academy) - [API Spline](https://www.npmjs.com/package/@splinetool/runtime) - [Rozwiązania](https://spline.design/solutions) #### Społeczność - [Społeczność Spline](https://community.spline.design) - [Blog](https://spline.design/pl/blog) - [Dziennik zmian](https://spline.design/pl/changelog) - [Edukacja](https://spline.design/pl/education) - [Contra](https://spline.design/contra) - [Program partnerski](https://spline.design/pl/affiliate) #### Firma - [Klienci](https://spline.design/pl/customers) - [Kariera](https://www.ycombinator.com/companies/spline/jobs) - [Bezpieczeństwo](https://spline.design/pl/security) #### Informacje prawne - [Regulamin](https://spline.design/terms) - [Prywatność](https://spline.design/privacy) #### Kontakt - [help@spline.design](mailto:help@spline.design) - [jobs@spline.design](mailto:jobs@spline.design) © 2026 - Spline, Inc.