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.

ScaleGoogleShopifyAmazonGiphyWebflowAlloyOpenAIMicrosoftLumaMetaSnapchatForbesSiemensBurton
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
Ya da ajanından iste

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
Ya da ajanından iste

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
Ya da ajanından iste

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

Resend
“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 FernandesKurucu 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

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

Spline MCP

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

Ekipler, projeler ve klasörler

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.

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.