# Online 3D editör: modelleme, malzeme ve animasyon - Spline (https://spline.design/tr/3d-design)

> Spline’ın 3D editörü tarayıcında çalışır. Etkileşimli 3D’yi ekibin ve bir yapay zeka ajanıyla modelle, dokula ve canlandır; ardından web’de, iOS’ta ve Android’de yayınla.

# Ekibinin ve ajanlarının birlikte ürettiği 3D editör

Modelle, dokula, canlandır ve etkileşimli hale getir; tek bir canlı dosyada, birlikte, doğrudan tarayıcında. **İlk versiyonu ajanlar oluşturur**, tasarımcılar son rötuşları yapar ve sonuç web’de, iOS’ta ve Android’de yayına çıkar.

[Oluşturmaya başla](https://app.spline.design/signin)[Ajanını bağla](https://spline.design/tr/mcp)

Ekipler Spline’da nasıl çalışır

## Tek dosya, prompt’tan yayına

Ajanlar ve tasarımcılar aynı canlı sahnede sırayla çalışır. Aralarında dışa aktaracak, yeniden içe aktaracak ya da yeniden kuracak bir şey yok.

1. 01  
### Prompt  
Sahneyi anlat. Ajanın dosyayı okur ve taslağını çıkarır: şekiller, ışıklar ve bir kamera.
2. 02  
### Birlikte oluştur  
Ajan çalışmaya devam ederken tasarımcılar aynı canlı dosyaya katılıp modeller, malzemeleri ayarlar ve yorum bırakır.
3. 03  
### Geri devret  
Herhangi bir şeyi seç ve değişiklik iste: bir hover durumu, bir varyant, bir zaman çizelgesi. Ajanlar senin gördüğünü görür.
4. 04  
### Yayınla  
Web’de yayınla, kodu dışa aktar ya da aynı dosyayı iOS ve Android’e taşı.

Tasarım, yapay zeka ve kod

## Yanında bir ajanla 3D modelle

Tanıdık tasarım araçları ve gerçek zamanlı render; üstüne sahneleri kuran ve kodu yazan bir yapay zeka ajanı.

- Gerçek zamanlı render
- Primitifler ve 3D modelleme
- Yapay zekayla ajan tabanlı düzenleme
- Arayüz ve mantık için özel kod

Ya da ajanından iste

Şelaleli, low-poly bir adanın taslağını çıkar.

Malzeme ve gölgelendirme

## Katman tabanlı malzemeler

Shader yazmak yerine katmanları üst üste koyarak benzersiz malzemeler oluştur ya da hazır malzeme kütüphanesinden başla.

- Katman tabanlı malzeme sistemi
- Cam, fresnel ve displace
- Hazır malzeme kütüphanesi

Suyu daha camsı yap, kenarına yumuşak bir fresnel ekle.

Etkileşim ve hareket

## Sahnene hayat ver

Spline’ın olay sistemiyle etkileşim ve animasyon ekle: durumlar, zaman çizelgeleri, oyun kontrolleri ve fizik.

- Durumlar ve olaylar
- Zaman çizelgesiyle animasyon
- Oyun kontrolleri
- Fizik ve parçacıklar

Tekne döngü halinde sallansın, tıklanınca devrilsin.

Değişkenler ve veri

## Gerçek zamanlı veri, 3D’de

Sahnenin ne göstereceğini değişkenlerden, webhook’lardan ve API’lerden gelen canlı değerlerle yönet.

- Değişkenler
- Webhook’lar ve API istekleri
- Koşullu aksiyonlar

API’mizden gelen canlı skoru skor tabelasında göster.

> “Spline ile **ürünümüzü elle tutulur hissettiren etkileşimli 3D nesneler oluşturabiliyoruz.** Bu bir süslemeden fazlası. **Ayrıntılara ne kadar önem verdiğimizi böyle gösteriyoruz.**”

**Zeh Fernandes**Kurucu Tasarımcı, Resend

İş birliği

## Birlikte, gerçek zamanlı tasarla

### Gerçek zamanlı iş birliği

Ajanlar dahil herkes aynı canlı sahneyi düzenler ve birbirinin imlecini görür.

### Yorumlar

Ekibine doğrudan sahnede geri bildirim, kendine de notlar bırak.

### Ekipler, projeler ve klasörler

İşleri ekibe ve projeye göre düzenle, bir dosyayı bağlantıyla paylaş.

Özellikler

## 3D tasarım için eksiksiz bir araç seti

İlk primitiften son dışa aktarmaya kadar, yayına hazır 3D’nin arkasındaki araçlar.

### 3D modelleme ve boolean işlemleri

Çeşitli 3D araçlarla her türlü nesneyi modelle.

### 3D vektör düzenleme

Zaten bildiğin vektör aracı, 3D uzayda.

### Kamera kontrolleri

Sahnende dönmek ve kompozisyon kurmak için kameraları kullan.

### Bileşenler

Yeniden kullanılabilir bileşenlerle 3D tasarım sistemleri kur.

### Şablon kütüphanesi

Kullanıma hazır 3D tasarımlar, şablonlar ve nesneler.

### Sürükle-bırak

Kod yazmadan 3D sürükle-bırak etkileşimleri.

### Fizik

Gerçek zamanlı simüle edilen katı cisimler, çarpıştırıcılar, yerçekimi ve kuvvetler.

### Değişkenler

Nesneleri, durumları ve arayüzü yöneten sayılar, boolean’lar ve metinler.

### Malzeme varlıkları

Dokuları ve renkleri varlık olarak tutarak düzenli kal.

### PBR ve HDR iş akışı

Fiziksel malzemeler, HDRI aydınlatma ve PBR dışa aktarma.

### Video dokuları

Video doku katmanlarıyla modellerinin üzerinde video oynat.

### Son işleme

Görünümü bloom, alan derinliği ve renk düzenlemeyle tamamla.

### WebGPU ile render

Editör ve dışa aktarmalar WebGPU ile render edilir; yedek olarak WebGL.

### Görsel, video ve 3D dışa aktarma

JPG ve PNG, MP4 ve GIF ya da GLTF ve USDZ.

### Kod dışa aktarma

Tasarımını React projelerine ekle.

### [Yapay zekayla 3D üretim](https://spline.design/tr/ai-generate)

Bir prompt’tan ya da görselden, sahnende kullanıma hazır modeller üret.

### [Spline MCP](https://spline.design/tr/mcp)

Editörü Claude, ChatGPT, Cursor ve diğer ajanlardan yönet.

3D çalışmalarını ekibe, projeye ve klasöre göre düzenle.

Yayınla

## Tek sahne. Web, Apple ve Android.

Aynı dosyayı bir web sitesine, bir iPhone uygulamasına ya da bir Android uygulamasına gönder. Her platformun kendi yerel renderer’ı vardır; böylece sahneler etkileşimini ve performansını korur.

- [WebWebGPU · WebGLBir bağlantı yayınla, görüntüleyiciyi yerleştir ya da stack’in için kodu dışa aktarıp kendin barındır.](https://spline.design/tr/web)
- [AppleMetalUygulamana yerel bir SwiftUI görünümü ekle ya da App Store’a hazır bir Xcode projesi üret.](https://spline.design/tr/ios)
- [AndroidVulkanJetpack Compose ile yerel bir görünüm ekle ya da doğrudan Spline’dan bir APK veya App Bundle derle.](https://spline.design/tr/android)

prompt.md

SSS

## Sorularına yanıtlar

Spline ücretsiz mi?

Evet. Free planı ayda 0 $ ve sana tarayıcında 3D tasarım editörünü, Spline Library’yi ve web dışa aktarmayı sunar. Ücretli planlar yapay zeka kredisi, daha fazla dosya ve daha fazla dışa aktarma seçeneği ekler.

Tarayıcımda 3D tasarım yapabilir miyim?

Evet. Spline hiçbir şey kurmadan tarayıcında çalışır ve WebGPU ile render eder, gerektiğinde WebGL’e geçer. Mac ve Windows için bir masaüstü uygulaması da var.

3D modelleme deneyimine ihtiyacım var mı?

Hayır. Primitiflerden ya da Spline Library’den başla veya ne istediğini anlat, ilk versiyonu bir ajan oluştursun. Daha önce bir tasarım aracı kullandıysan katmanlar, özellikler ve gerçek zamanlı tuval sana tanıdık gelecek.

Spline ile neler yapabilirim?

Web siteleri ve uygulamalar için etkileşimli 3D: hero sahneleri, ürün görüntüleyiciler, oyunlar, veri görselleştirmeleri ve derinliği olan arayüzler; hepsi durumlar, olaylar, zaman çizelgesi animasyonu ve fizikle hayat bulur.

3D tasarımlarımı nerede kullanabilirim?

Bir bağlantıyla ya da yerleştirme koduyla web’de yayınla, sahneyi React projelerine ekle veya aynı dosyayı iOS ve Android’e taşı. Görsel, video, GLTF ve USDZ olarak da dışa aktarabilirsin.

Ekibimle ve yapay zeka ajanlarıyla 3D tasarlayabilir miyim?

Evet. Her dosya canlıdır: ekibin gerçek zamanlı olarak birlikte modeller, yorum yapar ve inceler. Claude, ChatGPT, Cursor ve diğer ajanlar da Spline MCP üzerinden aynı dosyada çalışabilir.

## 3D’de oluşturmaya başla

Ajanını bağla, ekibini davet et ve ilk 3D sahneni bugün yayınla.

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