# 2D bir Follow etkileşimi oluştur - Hana | Bilmen gereken her şey - Spline Academy (https://spline.design/tr/academy/tutorials/create-a-2d-follow-interaction)

> Etkileşimli 2D tasarımı ilk kez deniyorsan, başlamak için harika bir yer! 😉 Bu eğitimde, etkileşimli 2D deneyimler tasarlamak ve canlandırmak için yeni bir…

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. 2D bir Follow etkileşimi oluştur

# 2D bir Follow etkileşimi oluştur

Ders 6 / 15HanaBaşlangıç8 dk

Etkileşimli 2D tasarımı ilk kez deniyorsan, başlamak için harika bir yer! 😉 Bu eğitimde, etkileşimli 2D deneyimler tasarlamak ve canlandırmak için yeni bir gerçek zamanlı tuval olan Hana ile imlecini takip eden (ya da mobil cihazlarda dokunuşu izleyen) bir 2D etkileşimi nasıl kolayca oluşturacağını adım adım gösteriyoruz.

Akıcı, dalga dalga ilerleyen bir zincirleme tepki oluşturmak için Follow olayını uygulayarak bu eğlenceli etkileşimi kuracağız. Web sitene ya da projene biraz hareket ve kişilik katmanın eğlenceli ve kolay bir yolu.

Demo 👉 <https://app.spline.design/ui/98440491-bf75-4e54-ab6f-afa16fc04f7e>

Bunu Spline’ın 3D editörüyle 3D’de nasıl oluşturacağını öğren: <https://youtu.be/TQe5Ae16rE8>

## Neler öğreneceksin

1. [0:00Başlarken](https://www.youtube.com/watch?v=bKrapjgDBNo&t=0s)
2. [0:49Elipsler oluşturmak ve Follow olayını uygulamak](https://www.youtube.com/watch?v=bKrapjgDBNo&t=49s)
3. [2:41Damping değerlerini ve boyutları ayarlamak](https://www.youtube.com/watch?v=bKrapjgDBNo&t=161s)
4. [6:10Tasarımı dışa aktarmak ve gömmek](https://www.youtube.com/watch?v=bKrapjgDBNo&t=370s)

## İlgili kaynaklar

- [Follow CirclesŞablon](https://app.spline.design/academy/tutorials/create-a-2d-follow-interaction?redirect-duplicate-template-uuid=3b7c3f0a-306e-4a88-aa07-e705edb96030&is-2d-file=true)
- [Designing in HanaDoküman](https://docs.spline.design/hana-a-canvas-for-interactivity/designing-in-hana)
- [Hana EventsDoküman](https://docs.spline.design/hana-a-canvas-for-interactivity/interactivity-in-hana#hana-events)
- [Exporting as EmbedDoküman](https://docs.spline.design/hana-a-canvas-for-interactivity/exporting-in-hana#exporting-as-embed-link)

## Genel bakış

- Hana
- 8 dk
- Başlangıç

## Sıradaki

[Progressive blur ve yumuşak gradyanlarla etkileşimli efektler tasarla9 dkBaşlangıç](https://spline.design/tr/academy/collections/hana-everything-you-need-to-know/design-interactive-effects-with-progressive-blur-and-smoothing-gradients)[Devam et](https://spline.design/tr/academy/collections/hana-everything-you-need-to-know/design-interactive-effects-with-progressive-blur-and-smoothing-gradients)

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