# Hana’da 3D karşınızda - Spline blog (https://spline.design/tr/blog/introducing-3d-shapes-hana)

> 3D ve 2D’yi bir araya getiriyoruz

[Blog](https://spline.design/tr/blog)

10 Aralık 2025

# Hana’da 3D karşınızda

3D ve 2D’yi bir araya getiriyoruz

[Hana’yı aç](https://app.spline.design)

Çok uzun zamandır tasarım “sürecinin” büyük kısmı 2D bir tuvalde gerçekleşiyor.

2D ile 3D arasındaki tarihsel ayrımın kökeni teknik karmaşıklıklara dayanıyor. 2D tasarım araçları hem gerçek zamanlı hem yüksek kaliteli olacak şekilde gelişti (ne görüyorsan o), ama 3D çok daha fazla işlem gücü gerektiriyor; bu da gerçek zamanlı çalışmayı ancak düşük kalitede mümkün kılıyor.

Ama teknoloji (hem donanım hem yazılım) büyük ölçüde ilerledi ve ekibimiz son birkaç yılda önemli yol kat ederek temel bir kilometre taşına ulaşmamızı sağladı: 3D ile 2D’yi aynı tuvalde, gerçek zamanlı olarak birleştirmek.

Etkileşim için fareyi hareket ettir ya da dokun (Hana ile yapılmış deneyim)

## 3D ile 2D’nin buluşması

Bir tasarım tuvalinin mevcut tüm boyutlardan yararlanması gerektiğine ve kullanıcının (insan ya da yapay zeka ajanı) eldeki çözüm için neyin en iyisi olduğuna karar verebilmesi gerektiğine inanıyoruz.

Ne yazık ki bu teoride işe yarasa da 3D’de herhangi bir şeyi hayata geçirmek teknik bir kâbus; iki sistemi birleştirmek ise durumu daha da kötüleştiriyor.

Günümüzün çoğu tasarım aracı ya da geleneksel araçlar benzer bir yaklaşımla inşa edildi: bir önizleme üzerinde çalışırsın, sonra “render”a basarsın ya da işini “teslim edersin” ve biri asıl şeyi farklı bir teknoloji yığınıyla hayata geçirir.

Başka bir deyişle, bugünkü tasarım araçlarının neredeyse hiçbiri gerçek zamanlı değil; bu yüzden 3D genellikle, çıktısı nihayetinde düz görsel ya da video olarak işlenen veya gömülen özel araçlar gerektiriyor: düzenlenemez ve etkileşimsiz. Bu, günümüzün tasarım iş akışı standartlarıyla örtüşmeyen yavaş bir süreç.

Bunu değiştirmek için yeni bir yaklaşım gerekiyor.

Hana ile yapılmış deneyimler

## Temel taş: gerçek zamanlılık

Hana’yı oluştururken onu gerçek zamanlı ve aynı zamanda 2D’de oluşturabileceğin _her şeyi_ görüntüleyebilecek şekilde tasarladık. Yani Hana’nın görüntü motoru her türlü piksel kusursuz efekti (gölgeler, bulanıklık vb.), vektör şekilleri, boolean’ları ve daha fazlasını gerçek zamanlı olarak işleyebiliyor.

Bu da Hana’nın efekt hattından 3D grafikleri de gerçek zamanlı görüntülemek için yararlanabileceğimiz anlamına geliyor.

Özetle Hana, 3D ile 2D’yi tamamen bir arada kullanabiliyor.

Hana ile gerçek zamanlı 3D’ye dönüştürülen vektörler

## İki dünyayı birleştirme yolculuğu

2D bir tuvale 3D eklemek kolay bir iş gibi görünebilir, ama gerçekte sayısız zorluk var. Çoğu zaman iki görüntü motorunu aynı anda çalıştırmayı ya da birden fazla runtime’ı birleştirmeyi gerektiriyor; bu da hiç ideal olmayan uzun indirme sürelerine yol açıyor.

Hana, 3D ve 2D için aynı runtime’ı kullanıyor; bu hem daha verimli hem de çok daha esnek.

Bir diğer temel sorun da kalite, daha doğrusu kalitenin eksikliği.

İki sistemi aynı kalite seviyesini koruyarak tek bir sistemde birleştirmek zor, çünkü 3D kalitesi birkaç etkeni kapsıyor: kenar yumuşatma, çözünürlük, poligon sayısı (ya da yüksek voksel yoğunluğu), nesne sayısı ve daha fazlası.

Hana’da herhangi bir 2D şekil oluşturup onu, orijinal şekille gerçek zamanlı bağlantısını koruyarak bir 3D nesneye dönüştürebilirsin.

Yani orijinal şekli istediğin zaman değiştirebilirsin; 3D nesne de orijinal şekle bağlı olarak gerçek zamanlı yeniden oluşturulur.

Bu, 2D bir kompozisyon içinde 3D üretiminde ciddi bir verimlilik artışı sağlıyor. Örneğin kolayca 3D metin oluşturup tahribatsız bir iş akışında metnin tüm esnekliğini koruyarak rengini, yazı tipini ya da diğer özelliklerini değiştirebilirsin.

Yerleşimler dinamik olarak güncellenebilir ve 3D nesneler 2D kompozisyonun kurallarına uyar.

Hana 3D şekilleriyle yapılmış deneyimler

## 3D, 2D’yi takip eder

Hana’da her 3D nesnenin kendi koordinat sistemi var. Yine de 2D tuvalin kurallarına ve davranışına uymaya devam ediyor; yani normalde 2D nesnelerde kullanacağın her şeyi 3D nesnelere de uygulayabilirsin.

Bu da çok geniş bir tasarım olanakları yelpazesinin kapısını açıyor.

## Sınırlamalar

Şu anda Hana’nın 3D/2D sisteminde yalnızca sınırlı sayıda özellik bulunuyor.

Herhangi bir 2D şekli 3D’ye ekstrüde edebilir ve malzemeler üzerinde makul bir kontrole sahip olabilirsin, ama yeni olanaklar için hâlâ bolca alan var.

İdeal olarak 3D sistemi her tür 3D nesneyi ya da sahneyi görüntüleyebilmeli ve çok daha az sınırlı olmalı.

## Bu daha başlangıç

Spline’da son birkaç yıldır 2D’yi, 3D’yi ve nihayetinde 4D’yi bütünleştiren tutarlı bir tasarım sistemi oluşturmak için yoğun şekilde çalışıyoruz.

Bu heyecan verici yeni geleceğe doğru ilerlemeye devam etmek için sabırsızlanıyoruz.

— Spline Ekibi 🌸

## Blogdan daha fazlası

[3 Kasım 2026Spline Arena karşınızda](https://spline.design/tr/blog/introducing-spline-arena)[21 Ekim 2026ChatGPT için Spline karşınızda](https://spline.design/tr/blog/introducing-spline-for-chatgpt)[27 Ağustos 2026Hana V2 karşınızda](https://spline.design/tr/blog/hana-v2)

[Spline](https://spline.design/tr)

Ekipler ve ajanları için 3D ve 2D editör. Web’de, iOS’ta ve Android’de yayınla.

#### Spline’ı yapay zekaya sor

#### Ürünler

- [3D Tasarım](https://spline.design/tr/3d-design)
- [Hana](https://spline.design/tr/hana)
- [Omma](https://omma.build)
- [Yapay Zekayla 3D Üretim](https://spline.design/tr/ai-generate)
- [Spline MCP](https://spline.design/tr/mcp)
- [Spline Arena](https://spline.design/tr/arena)
- [Fiyatlandırma](https://spline.design/tr/pricing)
- [Kurumsal](https://spline.design/tr/enterprise)

#### Runtime’lar

- [Web](https://spline.design/tr/web)
- [iOS](https://spline.design/tr/ios)
- [Android](https://spline.design/tr/android)

#### Uygulamalar

- [İndir](https://spline.design/tr/download)
- [Spline Mirror](https://spline.design/spline-mirror)
- [Spline Mirror’ı indir](https://spline.design/download-mirror)

#### Öğren

- [Docs](https://docs.spline.design/)
- [Academy](https://spline.design/tr/academy)
- [Spline API](https://www.npmjs.com/package/@splinetool/runtime)
- [Çözümler](https://spline.design/solutions)

#### Topluluk

- [Spline Topluluğu](https://community.spline.design)
- [Blog](https://spline.design/tr/blog)
- [Sürüm Notları](https://spline.design/tr/changelog)
- [Eğitim](https://spline.design/tr/education)
- [Contra](https://spline.design/contra)
- [Ortaklık](https://spline.design/tr/affiliate)

#### Şirket

- [Müşteriler](https://spline.design/tr/customers)
- [Kariyer](https://www.ycombinator.com/companies/spline/jobs)
- [Güvenlik](https://spline.design/tr/security)

#### Yasal

- [Şartlar ve Koşullar](https://spline.design/terms)
- [Gizlilik](https://spline.design/privacy)

#### İletişim

- [help@spline.design](mailto:help@spline.design)
- [jobs@spline.design](mailto:jobs@spline.design)

© 2026 - Spline, Inc.
