Hana’da Liquid Glass ve 3D

Hana’da yeni: 3D Transform, Liquid Glass ve Autolayout

Hana’yı aç

Bugün Hana için gerçek zamanlı Liquid Glass, 3D Transform, Autolayout ve Video Layers gibi çığır açan özellikler getiren büyük bir güncellemeyi duyuruyoruz.

Hana’da Liquid Glass

iOS 26’nın gelişiyle Liquid Glass efekti tasarım topluluğunun ilgisini çekti. Artık bu efekti Hana’daki herhangi bir nesne katmanına uygulayabilirsin.

Kırılma miktarını kontrol etmek için Distortion gibi cam parametrelerini düzenleyebilirsin.

Ama iOS stilinin ötesine geçip özel cam efektleri de oluşturabilirsin. Efektlerin bazı davranışlarını abartmana ve daha çarpıcı bir görsel estetiğe ulaşmana izin vererek, parametrelerin çok çeşitli yaratıcı sonuçlara ulaşacak kadar genel olmasını sağladık.

Etkileşim için üzerine gel ya da dokun (Hana ile yapılmış deneyim)

Üst üste dizilebilen cam

Çoğu tasarım aracında bulanıklık ya da cam efektleri genellikle tek bir katmanla sınırlıdır; yani birden fazla katmanı üst üste koyduğunda camın bozulması birikmez ve düz kalır.

Hana’da birden fazla cam katmanını kolayca üst üste dizebilir ve her birinin arkasındaki ya da altındaki öğeleri, tıpkı gerçek hayattaki gibi, nasıl kırdığını görebilirsin. Bu da bambaşka yaratıcı olanakların kapısını açıyor. Bu yalnızca cam efektleri için değil, arka plan bulanıklığı efektleri için de geçerli.

Hana’da birden fazla Liquid Glass katmanını düzenle

3D Transform

2D’den 3D’ye geçmek her zaman zorlu olmuştur. Bu özellik üzerinde çalışmaya başladığımızda, arada hiçbir şey kaybetmeden 2D ile 3D arasında kolayca geçiş yapmanın kusursuz bir yolunu sunmak istediğimizi biliyorduk.

Hana’da artık her nesne, 3D uzaydaki konumunu (Depth), dönüşünü ve perspektifini kontrol eden parametrelerle bir 3D nesne olabilir.

Bu parametrelerin hepsi canlandırılabilir ve state/olay sistemiyle uyumlu.

Hana’da nesnenin perspektifini, dönüşünü ve z konumunu kontrol et

Frame’ler ve 3D portallar

Bir frame 3D olduğunda kendi 3D uzayına açılan bir pencereye de dönüşür. Bu, özellikle kendi içinde derinlik görebildiğin görsel öğeler olan portallar oluşturmak için çok kullanışlı.

Çok kolay: öğeleri bir frame’in içine koy, frame’i 3D yap ve içindeki öğelerin 3D konumunu ya da dönüşünü değiştir. Artık frame’in dönüşünü ya da konumunu değiştirdiğinde, içindeki öğelerin birden fazla derinlik seviyesiyle nasıl görüntülendiğini göreceksin.

Hana’da oluşturulmuş frame’lerin içindeki 3D portallar

Autolayout

Hana artık tamamen canlandırılabilir parametrelere sahip yerleşimleri destekliyor. Özelleştirilebilir iç boşluk ve aralıklarla hem dikey hem yatay yerleşimler oluşturabilirsin.

Yerleşimler olaylar ve state’lerle birlikte çalışır ve etkileşimi güçlendirmek için gerçek zamanlı güncellenir.

Ayrıca Pinterest’in sütun yerleşimlerine benzeyen masonry yerleşimler için de destek ekledik.

Hana ile Layout kullanılarak yapılmış deneyimler

Video katmanları

Artık Spline Hana’daki herhangi bir katmana kolayca video yerleştirebilirsin. Bu, etkileşimli bir sunum hazırlarken ya da hareket için tasarlarken çok işe yarıyor. Fill panelinde Video Layer’a geç ve videonu yükle ya da sürükleyip bırak.

Spline’ın 3D editöründe olduğu gibi, Hana’daki videolar da özel olaylarla tetiklenebilir. Varsayılan olarak video Start olayında oynar, ama bunu değiştirip fare olaylarıyla ya da başka herhangi bir olayla tetikleyebilirsin.

Hana’da nesnenin perspektifini, dönüşünü ve z konumunu kontrol et

Yeni yaratıcı olanaklar

Epey dolu bir güncelleme oldu! Bugün yayınladığımız tüm yeni özelliklerin hoşuna gitmesini ve heyecan verici yeni tasarımlar oluşturmaya başlamanı umuyoruz.

— Spline Ekibi

Hana’yı aç

Blogdan daha fazlası