Liquid Glass at 3D sa Hana

Buksan ang Hana

Ngayon, inaanunsyo namin ang isang malaking update para sa Hana na nagdadala ng mga makabagong feature gaya ng real-time na Liquid Glass, 3D Transform, Autolayout at Video Layers.

Liquid Glass sa Hana

Sa paglabas ng iOS 26, nakuha ng Liquid Glass effect ang atensyon ng design community. Ngayon, mailalapat mo na ang effect na ito sa anumang object layer sa Hana.

Puwede mong i-edit ang mga parameter ng salamin, gaya ng Distortion, para kontrolin ang dami ng refraction.

Pero puwede kang lumampas sa style ng iOS at gumawa ng mga custom na glass effect. Sinigurado naming sapat na pangkalahatan ang mga parameter para makamit ang iba't ibang malikhaing resulta, dahil hinahayaan kang palakihin ang ilang behavior ng mga effect at makamit ang mas kapansin-pansing visual na aesthetic.

Stackable na Salamin

Sa karamihan ng mga design tool, kadalasang limitado sa iisang layer ang blur o glass effect, kaya kapag nagpatong ka ng maraming layer, hindi naiipon ang distortion ng salamin at nananatili itong flat.

Sa Hana, madali kang makakapagpatong ng maraming layer ng salamin at makikita kung paano nire-refract ng bawat isa ang mga elemento sa likod o ilalim nito, gaya ng sa totoong buhay, kaya nagbubukas ito ng isang buong bagong hanay ng mga malikhaing oportunidad. Posible ito para sa mga glass effect, pati na rin sa mga background blur effect.

3D Transform

Palaging hamon ang paglipat mula 2D papuntang 3D. Nang simulan naming gawin ang feature na ito, alam naming gusto naming magkaroon ng maayos na paraan para madaling magpalit sa pagitan ng 2D at 3D nang walang nawawala.

Sa Hana, puwede nang maging 3D object ang anumang object, na may mga parameter para kontrolin ang posisyon (Depth), rotation at perspective nito sa 3D space.

Lahat ng parameter na ito ay nai-a-animate at compatible sa states/event system.

Mga Frame at 3D Portal

Kapag naging 3D ang isang frame, nagiging bintana rin ito papunta sa sarili nitong 3D space. Lalo itong kapaki-pakinabang sa paggawa ng mga portal, isang visual na elemento kung saan makikita mo ang lalim sa loob nito.

Madali lang: maglagay ng mga item sa loob ng frame, gawing 3D ang frame, at baguhin ang 3D position o rotation ng mga item sa loob. Ngayon, kapag binago mo ang rotation o posisyon ng frame, makikita mo kung paano nire-render ang mga item sa loob, na may maraming level ng lalim.

Autolayout

Sinusuportahan na ngayon ng Hana ang mga layout na may ganap na nai-a-animate na mga parameter. Makakagawa ka ng mga vertical at horizontal na layout na may padding at gap na nako-customize.

Gumagana ang mga layout kasabay ng mga event at state, at nag-a-update nang real-time para pagandahin ang interactivity.

Nagdagdag din kami ng suporta para sa mga masonry layout, na kahawig ng mga column layout ng Pinterest.

Video Layers

Madali ka nang makakapag-embed ng video sa anumang layer sa loob ng Spline Hana. Kapaki-pakinabang ito kapag gumagawa ng interactive na presentasyon o nagdidisenyo para sa motion. Lumipat lang sa Video Layer sa Fill panel at i-upload o i-drag and drop ang video mo.

Katulad ng 3D editor ng Spline, puwede ring i-trigger ang mga video sa Hana gamit ang mga custom na event. Sa default, magpe-play ang video sa Start event, pero puwede mo itong baguhin at i-trigger gamit ang mga mouse event o anumang iba pang event.

Mga bagong malikhaing posibilidad

Ang dami noon! Sana ma-enjoy mo ang lahat ng bagong feature na inilabas namin ngayon at simulang gumawa ng mga kapana-panabik na bagong design.

— Ang Spline Team

Buksan ang Hana