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.
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.
01
Prompt
Sahneyi anlat. Ajanın dosyayı okur ve taslağını çıkarır: şekiller, ışıklar ve bir kamera.
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.
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.
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.
“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ş.
PreviewEditCode
AAKYShareExport
A
AAna4 min ago
İnerken pervaneler daha yavaş hızlanabilir mi?
AAgent2 min ago
1,2 saniyeye yayarak yumuşattım. Bir bakar mısın?
YYouJust now
Mükemmel. Yayınla gitsin!
Reply
You
Ö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.
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.
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.