Modelujte, texturujte, animujte a přidávejte interaktivitu, společně v jednom živém souboru, přímo v prohlížeči. Agenti připraví první verzi, designéři ji doladí a pak míří na web, iOS i Android.
Agenti a designéři se střídají ve stejné živé scéně. Mezi nimi se nic neexportuje, znovu neimportuje ani nepředělává.
01
Prompt
Popište scénu. Váš agent přečte soubor a hrubě ji rozvrhne: tvary, světla a kameru.
02
Tvořte společně
Designéři se připojí do stejného živého souboru, modelují, ladí materiály a nechávají komentáře, zatímco agent pracuje dál.
03
Předejte zpět
Vyberte cokoli a požádejte o změnu: stav hover, variantu, časovou osu. Agenti vidí to, co vy.
04
Publikujte
Publikujte na web, exportujte kód, nebo vezměte stejný soubor na iOS a Android.
Design, AI a kód
Modelujte ve 3D s agentem po boku
Známé designové nástroje a rendering v reálném čase, k tomu AI agent, který staví scény a píše kód.
Rendering v reálném čase
Primitiva a 3D modelování
Agentní úpravy pomocí AI
Vlastní kód pro UI a logiku
Nebo požádejte svého agenta
Rozvrhni low-poly ostrov s vodopádem.
Materiály a stínování
Materiály z vrstev
Vytvářejte jedinečné materiály skládáním vrstev místo psaní shaderů, nebo začněte z hotové knihovny materiálů.
Vrstvený systém materiálů
Sklo, fresnel a displacement
Hotová knihovna materiálů
Nebo požádejte svého agenta
Udělej vodu sklovitější, s jemným fresnelovým okrajem.
Interaktivita a pohyb
Vdechněte scéně život
Přidejte interaktivitu a animace pomocí systému událostí ve Spline: stavy, časové osy, herní ovládání a fyzika.
Stavy a události
Animace na časové ose
Herní ovládání
Fyzika a částice
Nebo požádejte svého agenta
Ať se loďka dokola pohupuje a po kliknutí se převrhne.
Proměnné a data
Data v reálném čase, ve 3D
Řiďte, co scéna zobrazuje, živými hodnotami z proměnných, webhooků a API.
Proměnné
Webhooky a požadavky na API
Podmíněné akce
Nebo požádejte svého agenta
Zobraz na výsledkové tabuli živé skóre z našeho API.
„Se Spline můžeme vytvářet interaktivní 3D objekty, díky kterým je náš produkt hmatatelný. Není to jen dekorace. Ukazujeme tím, že nám záleží na detailech.“
Zeh FernandesZakládající designér, Resend
Spolupráce
Navrhujte společně, v reálném čase
Spolupráce v reálném čase
Všichni upravují stejnou živou scénu, včetně agentů, a vidí navzájem své kurzory.
Komentáře
Nechte týmu zpětnou vazbu přímo ve scéně, nebo si zapište poznámky pro sebe.
Týmy, projekty a složky
Organizujte práci podle týmů a projektů a sdílejte soubor pomocí odkazu.
PreviewEditCode
AAKYShareExport
A
AAna4 min ago
Můžou se vrtule při přistání roztáčet pomaleji?
AAgent2 min ago
Rozjezd jsem zjemnil na 1,2 s. Mrkněte na to.
YYouJust now
Paráda. Pošli to ven!
Reply
You
Funkce
Kompletní sada nástrojů pro 3D design
Nástroje, za kterými stojí 3D připravené pro produkci, od prvního primitiva až po finální export.
3D modelování a booleovské operace
Modelujte jakýkoli objekt pomocí široké sady 3D nástrojů.
Vektorové úpravy ve 3D
Vektorový nástroj, který už znáte, ve 3D prostoru.
Ovládání kamery
Pomocí kamer kolem scény obíhejte a komponujte ji.
Komponenty
Stavějte 3D design systémy z opakovaně použitelných komponent.
Knihovna šablon
3D návrhy, šablony a objekty připravené k použití.
Drag and drop
3D interakce přetažením, bez psaní kódu.
Fyzika
Tuhá tělesa, kolidery, gravitace a síly simulované v reálném čase.
Proměnné
Čísla, booleovské hodnoty a text, které řídí objekty, stavy a UI.
Assety materiálů
Udržujte pořádek s texturami a barvami jako assety.
Workflow PBR a HDR
Fyzikální materiály, osvětlení HDRI a exporty PBR.
Video textury
Přehrávejte video na svých modelech pomocí vrstev video textury.
Post-processing
Dotáhněte vzhled pomocí bloomu, hloubky ostrosti a barevných korekcí.
Rendering přes WebGPU
Editor i exporty se renderují přes WebGPU, se záložním WebGL.
Ovládejte editor z Claude, ChatGPT, Cursoru a dalších agentů.
Týmy, projekty a složky
Organizujte svou 3D práci podle týmů, projektů a složek.
Publikace
Jedna scéna. Web, Apple i Android.
Publikujte stejný soubor na web, do aplikace pro iPhone i do aplikace pro Android. Každá platforma má vlastní nativní renderer, takže scény si zachovají interaktivitu i výkon.
Ano. Plán Free stojí 0 $ měsíčně a nabízí 3D designový editor v prohlížeči, Spline Library a webové exporty. Placené plány přidávají AI kredity, víc souborů a víc možností exportu.
Můžu dělat 3D design v prohlížeči?
Ano. Spline běží ve vašem prohlížeči, nic se neinstaluje, a renderuje přes WebGPU se záložním WebGL. K dispozici je i desktopová aplikace pro Mac a Windows.
Potřebuju zkušenosti s 3D modelováním?
Ne. Začněte z primitiv nebo ze Spline Library, nebo popište, co chcete, a první verzi nechte postavit agenta. Pokud jste už pracovali s nějakým designovým nástrojem, vrstvy, vlastnosti i plátno v reálném čase vám budou povědomé.
Co můžu ve Spline vytvořit?
Interaktivní 3D pro weby a aplikace: hero scény, prohlížeče produktů, hry, vizualizace dat a UI s hloubkou, oživené stavy, událostmi, animací na časové ose a fyzikou.
Kde můžu své 3D návrhy použít?
Publikujte je na web jako odkaz nebo embed, vložte scénu do svých React projektů, nebo vezměte stejný soubor na iOS a Android. Exportovat můžete také obrázky, video, GLTF a USDZ.
Můžu navrhovat ve 3D se svým týmem a AI agenty?
Ano. Každý soubor je živý: váš tým společně modeluje, komentuje a kontroluje v reálném čase. Claude, ChatGPT, Cursor a další agenti můžou pracovat ve stejném souboru přes Spline MCP.
Začněte tvořit ve 3D
Propojte svého agenta, pozvěte tým a publikujte svou první 3D scénu ještě dnes.