# Hana’da etkileşimli 2D’ye başla - Hana | Bilmen gereken her şey - Spline Academy (https://spline.design/tr/academy/tutorials/get-started-with-interactive-2d-in-hana)

> Hana, Spline’da doğrudan tarayıcıda animasyonlu ve etkileşimli sahneler oluşturmanı sağlayan yeni bir gerçek zamanlı 2D tasarım tuvali. Bu tanıtım videosu,…

1. [Academy](https://spline.design/tr/academy)
2. [Kurslar](https://spline.design/tr/academy/collections)
3. [Hana | Bilmen gereken her şey](https://spline.design/tr/academy/collections/hana-everything-you-need-to-know)
4. Hana’da etkileşimli 2D’ye başla

# Hana’da etkileşimli 2D’ye başla

Ders 1 / 15HanaBaşlangıç17 dk

Hana, Spline’da doğrudan tarayıcıda animasyonlu ve etkileşimli sahneler oluşturmanı sağlayan yeni bir gerçek zamanlı 2D tasarım tuvali. Bu tanıtım videosu, kullanıcıların arayüze alışmasına yardımcı olmak ve yeni başlayanlara etkileşimli 2D olaylar oluşturma sürecinde rehberlik etmek için hazırlandı.

Anlatım arayüzü, özellikleri, state’leri, olayları ve dışa aktarma seçeneklerini kapsıyor; ayrıca animasyonların nasıl oluşturulacağını ve tasarımların nasıl paylaşılacağını gösteriyor.

İster yeni başlıyor ol ister becerilerini geliştirmek iste, bu video sana Hana ile üretmeye başlamak için gereken temeli verecek.

✨ Videodaki sahnelere göz at ve kopyala: <https://app.spline.design/ui/56d99098-8346-4abe-9e0a-674fdd6dcb0c>

Daha fazla harika yaratıcıyı ve projeyi #MadeInSpline <https://community.spline.design/> adresinde keşfet

## Neler öğreneceksin

1. [0:00Giriş](https://www.youtube.com/watch?v=DD8z1voLghU&t=0s)
2. [0:262D tasarım dosyası nasıl oluşturulur](https://www.youtube.com/watch?v=DD8z1voLghU&t=26s)
3. [0:55Hana’nın arayüzünü ve özelliklerini keşfetmek](https://www.youtube.com/watch?v=DD8z1voLghU&t=55s)
4. [7:472D tasarımlarına animasyon ve etkileşim nasıl eklenir](https://www.youtube.com/watch?v=DD8z1voLghU&t=467s)
5. [9:24Basit bir etkileşim örneği oluşturmak](https://www.youtube.com/watch?v=DD8z1voLghU&t=564s)
6. [13:51Tasarım nasıl dışa aktarılır ve gömülür](https://www.youtube.com/watch?v=DD8z1voLghU&t=831s)
7. [15:58Tasarımlarını nasıl paylaşır ve düzenleme izinlerini ayarlarsın](https://www.youtube.com/watch?v=DD8z1voLghU&t=958s)

## İlgili kaynaklar

- [Hana Public DemosŞablon](https://app.spline.design/academy/tutorials/get-started-with-interactive-2d-in-hana?redirect-duplicate-template-uuid=91cbe967-5529-4c64-aa6c-7872116ddb5a&is-2d-file=true)

## Genel bakış

- Hana
- 17 dk
- Başlangıç

## Sıradaki

[3D Shape efektiyle Hana tasarımlarına boyut kat3 dkBaşlangıç](https://spline.design/tr/academy/collections/hana-everything-you-need-to-know/add-dimension-to-hana-designs-with-the-3d-shape-effect)[Devam et](https://spline.design/tr/academy/collections/hana-everything-you-need-to-know/add-dimension-to-hana-designs-with-the-3d-shape-effect)

[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.