3D på nettsiden uten å kunne Three.js: Spline v2 lar kodeagenten jobbe rett i scenen

Fra shadere til dra-og-slipp

For noen år siden krevde en 3D-nettside at noen kunne Three.js eller WebGL, skrev shadere og brukte dager på å få lys og materialer riktig. Spline gjorde mye av dette til et visuelt verktøy i nettleseren: Du lager scenen omtrent som i Figma, legger på animasjoner og interaksjon, og publiserer den rett ut på nettet.

Med Spline v2, som kom 27. august, er hele editoren bygget på nytt. Den bruker WebGPU som standard, med automatisk overgang til WebGL i nettlesere som ikke støtter det, og har fått fysisk korrekte materialer, bedre lys og mindre eksportfiler.

Det nye: agenter inne i 3D-scenen

Det mest interessante for tokenprat-lesere er hvordan Spline v2 åpner seg for AI. Det er to sider ved det.

Spline har fått en innebygd AI-agent som kan lese scenen og bruke editorens verktøy selv – objekter, materialer, lys, kameraer, partikler og interaksjon. I tillegg kan den lage 3D-objekter og teksturer fra tekst eller bilder.

Viktigere er Spline MCP-serveren. Den følger med skrivebordsappen for Mac og Windows, og registrerer seg automatisk i støttede verktøy som Claude Code, Cursor, Codex, VS Code og Google Antigravity. Kodeagenten din kan dermed se hva som finnes i en åpen Spline-scene og endre den – mens alt forblir redigerbart for deg etterpå, i stedet for å bli et flatt bilde.

I praksis kan du altså be kodeagenten din om å bygge nettsiden, legge inn en 3D-scene i toppen, og justere den i Spline – i én og samme arbeidsflyt.

Hva det koster

Spline har en gratisplan, men web-eksporter får da et vannmerke. Ifølge Splines egen prisside er planene i dag:

• Hobby: 12 dollar i måneden (årlig betaling), uten vannmerke og med 2 000 AI-kreditter
• Pro: 25 dollar i måneden, med flere prosjekter, eksport til iOS og Android og 3 000 kreditter
• Max: 60 dollar i måneden, med 10 000 kreditter og høyere grenser for MCP-bruk

Merk at mange omtaler på nettet har utdaterte priser. Sjekk prissiden før du velger.

Før du legger 3D på forsiden

3D ser imponerende ut, men det har en pris for de som besøker siden. En kompleks Spline-scene kan legge flere megabyte til sidelastingen og belaste grafikkortet merkbart på mobil. Noen råd:

• Hold scenen enkel. Færre polygoner og mindre teksturer. Sikt på godt under 5 MB.
• Last den inn sent. Bruk lazy loading, slik at teksten på siden kommer først.
• Vurder å hoste selv. Spline kan eksportere scener som egne pakker du legger på din egen server eller CDN, i stedet for å laste dem fra Splines servere.
• Respekter brukerne. Noen får vondt av bevegelse på skjermen. Gi en statisk versjon til dem som har slått på «reduser bevegelse» i systemet sitt.
• 3D skal støtte innholdet, ikke erstatte det. En søkemotor eller skjermleser ser ikke det som står i en 3D-scene.

Hvem passer det for?

Designere, hobbyister og små bedrifter som vil løfte en landingsside eller portefølje uten å lære Three.js fra bunnen av. Og alle som allerede bruker en kodeagent: Med MCP-koblingen er 3D blitt en del av den samme arbeidsflyten, ikke et eget fagfelt. Vil du heller skrive koden selv med AI-hjelp, er Three.js fortsatt det fleksible valget – men for de fleste landingssider er Spline den raskeste veien.

Ressurser

• Spline – verktøyet
• Spline-bloggen: Introducing Spline v2 – hva som er nytt
• Spline MCP Server – oppsett for Claude Code, Cursor og andre
• Spline: priser – oppdaterte planer
• The New Stack: Spline rebuilt its entire 3D editor – omtale av v2 og MCP