# 3D nesnelere fare tabanlı etkileşimler ekle - Spline Academy (https://spline.design/tr/academy/tutorials/add-mouse-based-interactions-to-3d-objects)

> 3D öğelerin imlecine tepki vermesini sağlayarak nasıl kolayca etkileşim oluşturabileceğini öğren!

1. [Academy](https://spline.design/tr/academy)
2. [Eğitimler](https://spline.design/tr/academy/tutorials)
3. 3D nesnelere fare tabanlı etkileşimler ekle

# 3D nesnelere fare tabanlı etkileşimler ekle

Spline 3DBaşlangıç14 dk

3D öğelerin imlecine tepki vermesini sağlayarak nasıl kolayca etkileşim oluşturabileceğini öğren!

Bu rehber yeni başlayanlar için hazırlandı ve bu kavramlara kolay takip edilen bir giriş sunuyor.

Mouse up, down, press ve hover gibi fare olaylarının 3D tasarımları zenginleştirmedeki gücünü gösteriyoruz. Ayrıca fare olaylarını renk, boyut ve animasyon değişiklikleri, kamera hareketi ve daha fazlası gibi aksiyonlara bağlayarak etkileşimli deneyimlerin nasıl oluşturulacağını da gösteriyoruz!

Fare olayları hakkında daha fazlası için şu eğitimlere de göz at! <https://youtu.be/pR2AhQ22KwM> <https://youtu.be/eCxLYk2rNzg> <https://youtu.be/hRy-Iqle6EU> <https://youtu.be/RmC2xEtXobE> <https://youtu.be/lJIDSiDlhvw>

\---

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=rdZrrXFLxuw&t=0s)
2. [0:29Fare olaylarını anlamak](https://www.youtube.com/watch?v=rdZrrXFLxuw&t=29s)
3. [1:42Basit bir Mouse Down etkileşimi oluşturmak](https://www.youtube.com/watch?v=rdZrrXFLxuw&t=102s)
4. [5:02Tıklayınca renk değiştirmek](https://www.youtube.com/watch?v=rdZrrXFLxuw&t=302s)
5. [6:03Etkileşimli düğmeler ve renk değişimi](https://www.youtube.com/watch?v=rdZrrXFLxuw&t=363s)
6. [8:47Kamera konumunu değiştiren tıklama etkileşimi](https://www.youtube.com/watch?v=rdZrrXFLxuw&t=527s)
7. [10:54Ses efektleri eklemek](https://www.youtube.com/watch?v=rdZrrXFLxuw&t=654s)
8. [12:01Create Object aksiyonunu keşfetmek](https://www.youtube.com/watch?v=rdZrrXFLxuw&t=721s)
9. [12:20Tıklayınca bir web sitesi açmak için URL eklemek.](https://www.youtube.com/watch?v=rdZrrXFLxuw&t=740s)

## İlgili kaynaklar

- [Mouse Hover EventŞablon](https://app.spline.design/academy/tutorials/add-mouse-based-interactions-to-3d-objects?redirect-duplicate-template-uuid=267cdcd9-2272-426a-9b67-4028d2c1d024&is-2d-file=false)
- [How state-based animation worksDoküman](https://docs.spline.design/interaction-states-events-and-actions/how-state-based-animation-works)
- [Events & InteractivityDoküman](https://docs.spline.design/interaction-states-events-and-actions/events-interactivity)
- [EventsDoküman](https://docs.spline.design/#events)
- [ActionsDoküman](https://docs.spline.design/#actions)

## Genel bakış

- Spline 3D
- 14 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/add-mouse-based-interactions-to-3d-objects)

## İlgili eğitimler

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

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