# Değişkenlerle etkileşimli bir 3D karakter oluştur - Spline ileri seviye | Özelliklere derinlemesine bakış - Spline Academy (https://spline.design/tr/academy/tutorials/create-an-interactive-3d-character-using-variables)

> Merhaba! Bu videoda sevimli, etkileşimli bir 3D balon balığı karakterine nasıl hayat vereceğini göstereceğiz. Spline’a göz at: https://spline.design/

1. [Academy](https://spline.design/tr/academy)
2. [Kurslar](https://spline.design/tr/academy/collections)
3. [Spline ileri seviye | Özelliklere derinlemesine bakış](https://spline.design/tr/academy/collections/spline-advanced-feature-deep-dive)
4. Değişkenlerle etkileşimli bir 3D karakter oluştur

# Değişkenlerle etkileşimli bir 3D karakter oluştur

Ders 5 / 17Spline 3Dİleri17 dk

Merhaba! Bu videoda sevimli, etkileşimli bir 3D balon balığı karakterine nasıl hayat vereceğini göstereceğiz. Spline’a göz at: <https://spline.design/>

Küçük dostumuzun boyutunu ve konumunu değiştiren olayları tetiklemek için değişkenler kullanacağız. Balon balığına ne kadar çok tıklarsan o kadar şişiyor ve sonunda açılış sayfasının en üstüne süzülüyor.

Ayrıca balon balığının çeşitli öğelerini oluşturup canlandırmayı da adım adım anlatacağız. Balıkla birlikte büyüdüklerini ve fare yaklaştığında zıplamak gibi eğlenceli efektler eklediklerini göreceksin.

Haydi dalalım, değişkenlerin büyüsünü keşfedelim ve etkileşimli sahneler oluştururken doyasıya eğlenelim!

🐡 Remix: <https://app.spline.design/file/810351d5-4fd8-4f85-92b2-286329f49a3f> 🌐 Canlı site: <https://safe-value-478717.framer.app/>

Değişkenler hakkında daha fazlası: 👉 <https://youtu.be/Id%5FSZVCUVMM> 📘 <https://docs.spline.design/>

✨ İlham almak ve tasarımlarını paylaşmak için Spline topluluğumuza katıl. <https://community.spline.design/>

💬 ❤️ Eğitim önerilerini yorumlarda paylaş.

## Neler öğreneceksin

1. [0:00Giriş](https://www.youtube.com/watch?v=eCxLYk2rNzg&t=0s)
2. [0:34Değişken oluşturmak ve kullanmak](https://www.youtube.com/watch?v=eCxLYk2rNzg&t=34s)
3. [4:29Farklı öğeler eklemek](https://www.youtube.com/watch?v=eCxLYk2rNzg&t=269s)
4. [8:34Öğeleri canlandırmak ve büyümeyi takip etmelerini sağlamak](https://www.youtube.com/watch?v=eCxLYk2rNzg&t=514s)
5. [15:02Etkileşimli efektler ve dışa aktarma](https://www.youtube.com/watch?v=eCxLYk2rNzg&t=902s)

## İlgili kaynaklar

- [Pufferfish Şablon](https://app.spline.design/academy/tutorials/create-an-interactive-3d-character-using-variables?redirect-duplicate-template-uuid=4c31a93c-9867-4864-9e5b-58eb843e508d&is-2d-file=false)
- [VariablesDoküman](https://docs.spline.design/interaction-states-events-and-actions/variables)
- [Variable Change EventDoküman](https://docs.spline.design/interaction-states-events-and-actions/events/variable-change-event)
- [Conditional ActionDoküman](https://docs.spline.design/interaction-states-events-and-actions/actions/conditional-action)

## Genel bakış

- Spline 3D
- 17 dk
- İleri

## Sıradaki

[3D carousel etkileşimi nasıl oluşturulur16 dkİleri](https://spline.design/tr/academy/collections/spline-advanced-feature-deep-dive/how-to-create-a-3d-carousel-interaction)[Devam et](https://spline.design/tr/academy/collections/spline-advanced-feature-deep-dive/how-to-create-a-3d-carousel-interaction)

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