Modeluj, teksturuj, animuj i dodawaj interakcje – razem, w jednym pliku na żywo, prosto w przeglądarce. Agenci tworzą pierwszą wersję, projektanci ją dopracowują, a potem trafia do sieci, na iOS i Androida.
Agenci i projektanci na zmianę pracują w tej samej scenie na żywo. Nic do eksportowania, ponownego importowania ani przebudowywania.
01
Prompt
Opisz scenę. Twój agent czyta plik i szkicuje ją: kształty, światła i kamerę.
02
Twórzcie razem
Projektanci dołączają do tego samego pliku na żywo, by modelować, dopracowywać materiały i zostawiać komentarze, a agent w tym czasie pracuje dalej.
03
Oddaj agentowi
Zaznacz cokolwiek i poproś o zmianę: stan hover, wariant, oś czasu. Agenci widzą to, co Ty.
04
Publikuj
Opublikuj w sieci, wyeksportuj kod albo przenieś ten sam plik na iOS i Androida.
Design, AI i kod
Modeluj w 3D z agentem u boku
Znane narzędzia projektowe i renderowanie w czasie rzeczywistym, a do tego agent AI, który buduje sceny i pisze kod.
Renderowanie w czasie rzeczywistym
Bryły podstawowe i modelowanie 3D
Agentowa edycja z AI
Własny kod dla interfejsów i logiki
Albo poproś agenta
Naszkicuj wyspę low-poly z wodospadem.
Materiały i cieniowanie
Materiały warstwowe
Twórz unikalne materiały, nakładając warstwy zamiast pisać shadery, albo zacznij od gotowej biblioteki materiałów.
Warstwowy system materiałów
Szkło, fresnel i displacement
Gotowa biblioteka materiałów
Albo poproś agenta
Zrób wodę bardziej szklistą, z delikatną krawędzią fresnela.
Interakcja i ruch
Ożyw swoją scenę
Dodawaj interakcje i animacje za pomocą systemu zdarzeń Spline: stany, osie czasu, sterowanie jak w grach i fizyka.
Stany i zdarzenia
Animacja na osi czasu
Sterowanie jak w grach
Fizyka i cząsteczki
Albo poproś agenta
Niech łódka kołysze się w pętli i przewraca po kliknięciu.
Zmienne i dane
Dane w czasie rzeczywistym, w 3D
Steruj tym, co pokazuje scena, za pomocą wartości na żywo ze zmiennych, webhooków i API.
Zmienne
Webhooki i zapytania API
Akcje warunkowe
Albo poproś agenta
Pokaż na tablicy wyników bieżący wynik z naszego API.
„Dzięki Spline możemy tworzyć interaktywne obiekty 3D, dzięki którym nasz produkt staje się namacalny. To coś więcej niż dekoracja. W ten sposób pokazujemy, że dbamy o szczegóły.”
Zeh FernandesFounding Designer, Resend
Współpraca
Projektujcie razem, w czasie rzeczywistym
Współpraca w czasie rzeczywistym
Wszyscy edytują tę samą scenę na żywo – agenci też – i widzą nawzajem swoje kursory.
Komentarze
Zostawiaj uwagi dla zespołu bezpośrednio w scenie albo notatki dla siebie.
Zespoły, projekty i foldery
Porządkuj pracę według zespołów i projektów, a plik udostępniaj linkiem.
PreviewEditCode
AAKYShareExport
A
AAna4 min ago
Czy śmigła mogłyby wolniej się rozkręcać przy lądowaniu?
AAgent2 min ago
Wygładziłem je na 1,2 s. Zerknij.
YYouJust now
Idealnie. Publikujemy!
Reply
You
Funkcje
Kompletny zestaw narzędzi do projektowania 3D
Narzędzia, dzięki którym powstaje 3D gotowe do produkcji – od pierwszej bryły po finalny eksport.
Modelowanie 3D i operacje logiczne
Modeluj dowolne obiekty za pomocą zestawu narzędzi 3D.
Edycja wektorowa 3D
Znane narzędzie wektorowe, w przestrzeni 3D.
Sterowanie kamerą
Używaj kamer, by obracać widok i komponować scenę.
Komponenty
Buduj systemy projektowe 3D z komponentów wielokrotnego użytku.
Biblioteka szablonów
Gotowe do użycia projekty, szablony i obiekty 3D.
Przeciągnij i upuść
Interakcje 3D typu „przeciągnij i upuść” bez kodu.
Fizyka
Bryły sztywne, kolidery, grawitacja i siły symulowane w czasie rzeczywistym.
Zmienne
Liczby, wartości logiczne i tekst, które sterują obiektami, stanami i interfejsem.
Zasoby materiałów
Zachowaj porządek dzięki teksturom i kolorom jako zasobom.
Workflow PBR i HDR
Materiały fizyczne, oświetlenie HDRI i eksport PBR.
Tekstury wideo
Odtwarzaj wideo na modelach dzięki warstwom tekstur wideo.
Postprocessing
Dopracuj wygląd za pomocą bloomu, głębi ostrości i korekcji kolorów.
Renderowanie WebGPU
Edytor i eksporty renderują się w WebGPU, z WebGL jako rozwiązaniem awaryjnym.
Steruj edytorem z Claude, ChatGPT, Cursora i innych agentów.
Zespoły, projekty i foldery
Porządkuj pracę 3D według zespołów, projektów i folderów.
Publikacja
Jedna scena. Web, Apple i Android.
Opublikuj ten sam plik na stronie WWW, w aplikacji na iPhone’a lub na Androida. Każda platforma ma własny natywny renderer, więc sceny zachowują interaktywność i wydajność.
Tak. Plan Free kosztuje 0 USD miesięcznie i daje Ci edytor do projektowania 3D w przeglądarce, Spline Library i eksport na web. Płatne plany dodają kredyty AI, więcej plików i więcej sposobów eksportu.
Czy mogę projektować w 3D w przeglądarce?
Tak. Spline działa w przeglądarce, bez instalacji, i renderuje w WebGPU z WebGL jako rozwiązaniem awaryjnym. Jest też aplikacja desktopowa na Maca i Windowsa.
Czy potrzebuję doświadczenia w modelowaniu 3D?
Nie. Zacznij od brył podstawowych lub Spline Library albo opisz, czego chcesz, i pozwól agentowi stworzyć pierwszą wersję. Jeśli znasz już jakieś narzędzie projektowe, warstwy, właściwości i kanwa w czasie rzeczywistym będą Ci znajome.
Co mogę stworzyć w Spline?
Interaktywne 3D na strony i do aplikacji: sceny hero, podglądy produktów, gry, wizualizacje danych i interfejsy z głębią, ożywione stanami, zdarzeniami, animacją na osi czasu i fizyką.
Gdzie mogę używać swoich projektów 3D?
Publikuj w sieci jako link lub osadzenie, przenieś scenę do projektów w React albo użyj tego samego pliku na iOS i Androidzie. Możesz też eksportować obrazy, wideo, GLTF i USDZ.
Czy mogę projektować w 3D z zespołem i agentami AI?
Tak. Każdy plik działa na żywo: Twój zespół modeluje, komentuje i przegląda wspólnie w czasie rzeczywistym. Claude, ChatGPT, Cursor i inni agenci mogą pracować w tym samym pliku przez Spline MCP.
Zacznij tworzyć w 3D
Połącz swojego agenta, zaproś zespół i opublikuj swoją pierwszą scenę 3D jeszcze dziś.