# 2D bir Follow etkileşimi oluştur - 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. [Eğitimler](https://spline.design/tr/academy/tutorials)
3. 2D bir Follow etkileşimi oluştur

# 2D bir Follow etkileşimi oluştur

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

## Ait olduğu kurs:

- [Hana | Bilmen gereken her şey](https://spline.design/tr/academy/collections/hana-everything-you-need-to-know/create-a-2d-follow-interaction)

## İlgili eğitimler

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

[Hana’da etkileşimli 2D’ye başlaHanaBaşlangıç17 dk](https://spline.design/tr/academy/tutorials/get-started-with-interactive-2d-in-hana)[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.