# 3D’de etkileşimli kum parçacıkları nasıl oluşturulur - Spline Academy (https://spline.design/tr/academy/tutorials/how-to-create-interactive-sand-particles-in-3d)

> Herkese merhaba! ⏳ Bu videoda 3D parçacık sistemiyle kum benzeri bir doku oluşturmayı ve Spline ile kumun imlecini takip etmesini sağlamayı öğreneceksin.…

1. [Academy](https://spline.design/tr/academy)
2. [Eğitimler](https://spline.design/tr/academy/tutorials)
3. 3D’de etkileşimli kum parçacıkları nasıl oluşturulur

# 3D’de etkileşimli kum parçacıkları nasıl oluşturulur

Spline 3DOrta11 dk

Herkese merhaba! ⏳ Bu videoda 3D parçacık sistemiyle kum benzeri bir doku oluşturmayı ve Spline ile kumun imlecini takip etmesini sağlamayı öğreneceksin. Ayrıca Spline’dan Framer ile bir web sitesine dışa aktarma sürecini de adım adım anlatıyoruz.

Spline’a atla 👉 <https://spline.design/> (Ücretsiz! 😉)

Framer şablonu: <https://the-growth.framer.website/>

Parçacıklar hakkında daha fazlası: <https://www.youtube.com/watch?v=lRhLWE%5FcXkc>

✨ İ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=kS%5FEJGDYN-g&t=0s)
2. [0:22Parçacıklar nedir?](https://www.youtube.com/watch?v=kS%5FEJGDYN-g&t=22s)
3. [0:54Küre oluşturmak](https://www.youtube.com/watch?v=kS%5FEJGDYN-g&t=54s)
4. [2:01Collider eklemek (parçacık kuvveti)](https://www.youtube.com/watch?v=kS%5FEJGDYN-g&t=121s)
5. [2:51Kum parçacıkları oluşturmak](https://www.youtube.com/watch?v=kS%5FEJGDYN-g&t=171s)
6. [7:53Parçacığın imlecini takip etmesini sağlamak (Follow olayı)](https://www.youtube.com/watch?v=kS%5FEJGDYN-g&t=473s)
7. [8:36Dışa aktarmak](https://www.youtube.com/watch?v=kS%5FEJGDYN-g&t=516s)
8. [9:21Framer’a gömmek](https://www.youtube.com/watch?v=kS%5FEJGDYN-g&t=561s)

## İlgili kaynaklar

- [Sand ParticlesŞablon](https://app.spline.design/academy/tutorials/how-to-create-interactive-sand-particles-in-3d?redirect-duplicate-template-uuid=170b2edb-5758-4d52-94c8-efc40408db7a&is-2d-file=false)
- [ParticlesDoküman](https://docs.spline.design/designing-in-3-d/particles)
- [Follow EventDoküman](https://docs.spline.design/interaction-states-events-and-actions/events/follow-event)

## Genel bakış

- Spline 3D
- 11 dk
- Orta

## Ait olduğu kurs:

- [Spline ileri seviye | Özelliklere derinlemesine bakış](https://spline.design/tr/academy/collections/spline-advanced-feature-deep-dive/how-to-create-interactive-sand-particles-in-3d)

## İlgili eğitimler

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

[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)[3D’de Liquid Glass malzemeleri oluşturSpline 3DBaşlangıç12 dk](https://spline.design/tr/academy/tutorials/create-liquid-glass-materials-in-3d)

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