# Hana’da etkileşimli 2D’ye başla - 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. [Eğitimler](https://spline.design/tr/academy/tutorials)
3. Hana’da etkileşimli 2D’ye başla

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

HanaBaş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ıç

## Ait olduğu kurs:

- [Hana | Bilmen gereken her şey](https://spline.design/tr/academy/collections/hana-everything-you-need-to-know/get-started-with-interactive-2d-in-hana)

## İlgili eğitimler

[Tüm eğitimler](https://spline.design/tr/academy/tutorials)

[2D bir Follow etkileşimi oluşturHanaBaşlangıç8 dk](https://spline.design/tr/academy/tutorials/create-a-2d-follow-interaction)[Hana ve Spline ile bir yol boyunca nasıl animasyon yapılırHanaBaşlangıç7 dk](https://spline.design/tr/academy/tutorials/how-to-animate-along-a-path-with-hana-and-spline)[Hana ile fareye tepki veren etkileşimli tasarımlar oluşturHanaBaşlangıç6 dk](https://spline.design/tr/academy/tutorials/create-interactive-designs-that-react-to-your-mouse-with-hana)

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