# Etkileşimli bir 3D robota hayat ver - Spline’da animasyon ve etkileşimler - Spline Academy (https://spline.design/tr/academy/tutorials/bring-an-interactive-3d-robot-to-life)

> Merhaba! 👋 Bu sefer biraz eğlenmeye ve bir 3D karakteri etkileşimli hale getirerek bir üst seviyeye taşımanın farklı yollarını göstermeye hazırız! Spline’a…

1. [Academy](https://spline.design/tr/academy)
2. [Kurslar](https://spline.design/tr/academy/collections)
3. [Spline’da animasyon ve etkileşimler](https://spline.design/tr/academy/collections/animation-interactions-in-spline)
4. Etkileşimli bir 3D robota hayat ver

# Etkileşimli bir 3D robota hayat ver

Ders 7 / 14Spline 3DBaşlangıç13 dk

Merhaba! 👋 Bu sefer biraz eğlenmeye ve bir 3D karakteri etkileşimli hale getirerek bir üst seviyeye taşımanın farklı yollarını göstermeye hazırız! Spline’a göz at: <https://spline.design/>

Bu sevimli robotun imlecini takip etmesini, basit bir tıklamayla ifadesini ya da rengini değiştirmesini ve çok daha fazlasını yapmayı öğreneceksin!

Kod yazmadan projene ya da web sitene kolayca entegre edebileceğin bir şey ;)

İstediğin herhangi bir karakteri kullanabilir ya da bunu indirip eğitimi takip edebilirsin.

🤖 Remix: <https://app.spline.design/file/f09aef0f-3b4e-436e-a05a-e97945e2490a>

İyi öğrenmeler!

10:44’teki etkileşim Gaurav Kallugadde’den (@gaurav\_paints) ilham aldı ❤️

## Neler öğreneceksin

1. [0:00Giriş](https://www.youtube.com/watch?v=JPUSjRxQEKI&t=0s)
2. [0:37Karakterinin yüzünü imlecine çevir - Look At olayı](https://www.youtube.com/watch?v=JPUSjRxQEKI&t=37s)
3. [1:34Mouse Hover etkileşimi](https://www.youtube.com/watch?v=JPUSjRxQEKI&t=94s)
4. [3:26Mouse Press ve Mouse Down etkileşimleri](https://www.youtube.com/watch?v=JPUSjRxQEKI&t=206s)
5. [4:45Karakterinin rengini değiştir](https://www.youtube.com/watch?v=JPUSjRxQEKI&t=285s)
6. [10:44Yüz ifadelerini değiştir](https://www.youtube.com/watch?v=JPUSjRxQEKI&t=644s)
7. [12:27Oyun kontrolleri](https://www.youtube.com/watch?v=JPUSjRxQEKI&t=747s)

## İlgili kaynaklar

- [Robot Interactive EventsŞablon](https://app.spline.design/academy/tutorials/bring-an-interactive-3d-robot-to-life?redirect-duplicate-template-uuid=83094eb4-8202-4a49-894e-75e435da5f82&is-2d-file=false)
- [How state-based animation worksDoküman](https://docs.spline.design/interaction-states-events-and-actions/how-state-based-animation-works)
- [Look At EventDoküman](https://docs.spline.design/interaction-states-events-and-actions/events/look-at-event)
- [Mouse Down EventDoküman](https://docs.spline.design/interaction-states-events-and-actions/events/mouse-down-event)

## Genel bakış

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

## Sıradaki

[Web için etkileşimli bir arı karakteri oluştur14 dkOrta](https://spline.design/tr/academy/collections/animation-interactions-in-spline/create-an-interactive-bee-character-for-the-web)[Devam et](https://spline.design/tr/academy/collections/animation-interactions-in-spline/create-an-interactive-bee-character-for-the-web)

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