# Distance olayıyla yakınlığa göre etkileşim tetikle - Spline Academy (https://spline.design/tr/academy/tutorials/trigger-interactions-with-proximity-using-the-distance-event)

> Bu eğitimde, distance olayını kullanarak yakınlıkla tetiklenen etkileşimli olayların nasıl oluşturulacağını keşfediyoruz.

1. [Academy](https://spline.design/tr/academy)
2. [Eğitimler](https://spline.design/tr/academy/tutorials)
3. Distance olayıyla yakınlığa göre etkileşim tetikle

# Distance olayıyla yakınlığa göre etkileşim tetikle

Spline 3DBaşlangıç6 dk

Bu eğitimde, distance olayını kullanarak yakınlıkla tetiklenen etkileşimli olayların nasıl oluşturulacağını keşfediyoruz.

Bir nesnenin diğerine yaklaştığında ona doğru hareket etmesini ve bu etkileşimin bir animasyon ya da ses efekti çalmak gibi bir aksiyonu otomatik olarak tetiklemesini gösteriyoruz. Etrafında olan bitene tepki veren, canlı hissettiren sahneler oluşturmanın harika bir yolu.

Demo: <https://app.spline.design/file/29466ae6-7e47-4edc-8198-0ce78b80eead>

\---

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=9U0l2%5FeKVMQ&t=0s)
2. [0:43Oyun kontrolleri eklemek](https://www.youtube.com/watch?v=9U0l2%5FeKVMQ&t=43s)
3. [1:15Küp animasyonunu oluşturmak](https://www.youtube.com/watch?v=9U0l2%5FeKVMQ&t=75s)
4. [1:58Bir kapsayıcı grup oluşturmak](https://www.youtube.com/watch?v=9U0l2%5FeKVMQ&t=118s)
5. [2:10Distance olayını ayarlamak](https://www.youtube.com/watch?v=9U0l2%5FeKVMQ&t=130s)
6. [2:21Distance olayı ayarlarını kontrol etmek](https://www.youtube.com/watch?v=9U0l2%5FeKVMQ&t=141s)
7. [4:23Mini oyun örnekleri](https://www.youtube.com/watch?v=9U0l2%5FeKVMQ&t=263s)
8. [4:58İpucu: ses efektleri eklemek](https://www.youtube.com/watch?v=9U0l2%5FeKVMQ&t=298s)

## İlgili kaynaklar

- [Distance Event logicŞablon](https://app.spline.design/academy/tutorials/trigger-interactions-with-proximity-using-the-distance-event?redirect-duplicate-template-uuid=59acf8de-0d15-4f58-9719-f032a3b6d702&is-2d-file=false)
- [How state-based animation worksDoküman](https://docs.spline.design/interaction-states-events-and-actions/how-state-based-animation-works)
- [Distance EventDoküman](https://docs.spline.design/interaction-states-events-and-actions/events/distance-event)

## Genel bakış

- Spline 3D
- 6 dk
- Başlangıç

## Ait olduğu kurs:

- [Spline 101 | İlk etkileşimli sahneni oluştur](https://spline.design/tr/academy/collections/spline-101-build-your-first-interactive-scene/trigger-interactions-with-proximity-using-the-distance-event)

## İlgili eğitimler

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

[3D nesnelere fare tabanlı etkileşimler ekleSpline 3DBaşlangıç14 dk](https://spline.design/tr/academy/tutorials/add-mouse-based-interactions-to-3d-objects)[Hareket ve etkileşimle tepki veren bir 3D küre nasıl oluşturulurSpline 3DOrta7 dk](https://spline.design/tr/academy/tutorials/how-to-build-a-reactive-3d-orb-with-motion-and-interaction)[Spline’da değişkenler ve gerçek zamanlı API’lerle 3D veri görselleştirmeleri nasıl oluşturulurSpline 3Dİleri15 dk](https://spline.design/tr/academy/tutorials/how-to-create-3d-data-visualizations-in-spline-using-variables-and-real-time-apis)

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