# Etkileşimli bir 3D robota hayat ver - 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. [Eğitimler](https://spline.design/tr/academy/tutorials)
3. Etkileşimli bir 3D robota hayat ver

# Etkileşimli bir 3D robota hayat ver

Spline 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ıç

## Ait olduğu kurs:

- [Spline’da animasyon ve etkileşimler](https://spline.design/tr/academy/collections/animation-interactions-in-spline/bring-an-interactive-3d-robot-to-life)

## İlgili eğitimler

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

[3D carousel etkileşimi nasıl oluşturulurSpline 3Dİleri16 dk](https://spline.design/tr/academy/tutorials/how-to-create-a-3d-carousel-interaction)[Web için etkileşimli bir arı karakteri oluşturSpline 3DOrta14 dk](https://spline.design/tr/academy/tutorials/create-an-interactive-bee-character-for-the-web)[Etkileşimli 3D kutuları canlandırSpline 3DOrta4 dk](https://spline.design/tr/academy/tutorials/animate-interactive-3d-boxes)

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