# 3D nesnelere fare tabanlı etkileşimler ekle - Spline 101 | İlk etkileşimli sahneni oluştur - 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. [Kurslar](https://spline.design/tr/academy/collections)
3. [Spline 101 | İlk etkileşimli sahneni oluştur](https://spline.design/tr/academy/collections/spline-101-build-your-first-interactive-scene)
4. 3D nesnelere fare tabanlı etkileşimler ekle

# 3D nesnelere fare tabanlı etkileşimler ekle

Ders 4 / 16Spline 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ıç

## Sıradaki

[3D düğme etkileşimleri nasıl oluşturulur10 dkBaşlangıç](https://spline.design/tr/academy/collections/spline-101-build-your-first-interactive-scene/how-to-create-3d-button-interactions)[Devam et](https://spline.design/tr/academy/collections/spline-101-build-your-first-interactive-scene/how-to-create-3d-button-interactions)

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