Ang 3D editor kung saan gumagawa ang team at mga agent mo
Mag-model, mag-texture, mag-animate at gawin itong interactive, nang magkakasama sa iisang live na file, mismo sa browser mo. Ang mga agent ang gagawa ng unang bersyon, pakikinisin ito ng mga designer, at isi-ship ito sa web, iOS at Android.
Nagsasalitan ang mga agent at designer sa iisang live na scene. Walang kailangang i-export, i-import ulit o buuin ulit sa pagitan nila.
01
Prompt
Ilarawan ang scene. Babasahin ng agent mo ang file at ibu-block out ito: mga hugis, ilaw at camera.
02
Gumawa nang sabay
Pumapasok ang mga designer sa parehong live na file para mag-model, mag-tune ng materials at mag-iwan ng comments habang patuloy na nagtatrabaho ang agent.
03
Ibalik sa agent
Pumili ng kahit ano at humingi ng pagbabago: hover state, variant, timeline. Nakikita ng mga agent ang nakikita mo.
04
I-ship
I-publish sa web, mag-export ng code, o dalhin ang parehong file sa iOS at Android.
Design, AI at code
Mag-model sa 3D, kasama ang isang agent
Mga pamilyar na design tool at real-time rendering, dagdag pa ang AI agent na gumagawa ng mga scene at nagsusulat ng code.
Real-time rendering
Primitives at 3D modeling
Agentic editing gamit ang AI
Custom code para sa UI at logic
O iutos sa agent mo
Mag-block out ng low-poly na isla na may talon.
Materials at shading
Layer-based na materials
Gumawa ng natatanging materials sa pagpapatong ng mga layer sa halip na magsulat ng shaders, o magsimula sa ready-made na material library.
Layer-based na material system
Glass, fresnel at displace
Ready-made na material library
O iutos sa agent mo
Gawing mas parang salamin ang tubig, na may malambot na fresnel edge.
Interactivity at motion
Buhayin ang scene mo
Magdagdag ng interactivity at animation gamit ang event system ng Spline: states, timelines, game controls at physics.
States at events
Timeline animation
Game controls
Physics at particles
O iutos sa agent mo
Palutang-lutangin ang bangka nang paulit-ulit at pataubin ito kapag na-click.
Variables at data
Real-time na data, sa 3D
Kontrolin ang ipinapakita ng scene mo gamit ang live na values mula sa Variables, Webhooks at APIs.
Variables
Webhooks at API requests
Conditional actions
O iutos sa agent mo
Ipakita sa scoreboard ang live na score mula sa API namin.
“Sa Spline, kaya naming gumawa ng mga interactive 3D object na nagpaparamdam na totoo at nahahawakan ang produkto namin. Higit pa ito sa dekorasyon. Ito ang paraan namin para ipakitang mahalaga sa amin ang mga detalye.”
Zeh FernandesFounding Designer, Resend
Collaboration
Magdisenyo nang magkakasama, nang real time
Real-time collaboration
Lahat ay nag-e-edit sa iisang live na scene, kasama ang mga agent, at nakikita ang cursor ng isa’t isa.
Comments
Mag-iwan ng feedback mismo sa scene para sa team mo, o notes para sa sarili mo.
Teams, projects at folders
Ayusin ang trabaho ayon sa team at project, at i-share ang file gamit ang isang link.
PreviewEditCode
AAKYShareExport
A
AAna4 min ago
Puwede bang mas mabagal umikot ang mga propeller paglapag nito?
AAgent2 min ago
Nilagyan ko ng ease-in sa loob ng 1.2 s. Tingnan mo.
YYouJust now
Perfect. I-ship na!
Reply
You
Features
Kumpletong toolkit para sa 3D design
Ang mga tool sa likod ng production-ready na 3D, mula sa unang primitive hanggang sa final export.
3D modeling at booleans
Mag-model ng kahit anong klase ng object gamit ang iba’t ibang 3D tool.
3D vector editing
Ang vector tool na kilala mo na, sa 3D space.
Camera controls
Gumamit ng mga camera para mag-orbit at i-compose ang scene mo.
Components
Bumuo ng 3D design systems mula sa reusable na components.
Templates library
Mga 3D design, template at object na handa nang gamitin.
Drag and drop
3D drag-and-drop na interactions nang walang code.
Physics
Rigid bodies, colliders, gravity at forces, na sinisimulate nang real time.
Variables
Numbers, booleans at text na kumokontrol sa objects, states at UI.
Material assets
Manatiling organisado gamit ang textures at colors bilang assets.
PBR at HDR workflow
Physical materials, HDRI lighting at PBR exports.
Video textures
Mag-play ng video sa ibabaw ng mga model mo gamit ang video texture layers.
Post-processing
Tapusin ang itsura gamit ang bloom, depth of field at color grading.
WebGPU rendering
Nagre-render sa WebGPU ang editor at exports, na may WebGL fallback.
Patakbuhin ang editor mula sa Claude, ChatGPT, Cursor at iba pang agent.
Teams, projects at folders
Ayusin ang 3D work mo ayon sa team, project at folder.
I-publish
Isang scene. Web, Apple at Android.
I-ship ang parehong file sa website, iPhone app o Android app. May sariling native renderer ang bawat platform, kaya nananatili ang interactivity at performance ng mga scene.
Oo. $0 kada buwan ang Free plan at kasama na ang 3D design editor sa browser mo, ang Spline Library at web exports. Ang mga bayad na plan ay may AI credits, mas maraming file at mas maraming paraan ng pag-export.
Puwede ba akong mag-3D design sa browser ko?
Oo. Tumatakbo ang Spline sa browser mo, walang kailangang i-install, at nagre-render sa WebGPU na may WebGL fallback. May desktop app din para sa Mac at Windows.
Kailangan ko ba ng karanasan sa 3D modeling?
Hindi. Magsimula sa primitives o sa Spline Library, o ilarawan ang gusto mo at hayaang gawin ng isang agent ang unang bersyon. Kung nakagamit ka na ng design tool, magiging pamilyar sa iyo ang layers, properties at real-time canvas.
Ano ang puwede kong gawin sa Spline?
Interactive 3D para sa mga website at app: hero scenes, product viewers, games, data visualizations at UI na may lalim, na binibigyang-buhay ng states, events, timeline animation at physics.
Saan ko magagamit ang mga 3D design ko?
I-publish sa web gamit ang link o embed, ilagay ang scene sa mga React project mo, o dalhin ang parehong file sa iOS at Android. Puwede ka ring mag-export ng images, video, GLTF at USDZ.
Puwede ba akong magdisenyo sa 3D kasama ang team ko at mga AI agent?
Oo. Live ang bawat file: sabay-sabay na nagmo-model, nagko-comment at nagrerebyu ang team mo nang real time. Puwedeng magtrabaho sa parehong file ang Claude, ChatGPT, Cursor at iba pang agent sa pamamagitan ng Spline MCP.
Magsimulang gumawa sa 3D
Ikonekta ang agent mo, imbitahan ang team mo at i-ship ang una mong 3D scene ngayon.