Nieuw in Spline

Nieuwe functies, verbeteringen en fixes in de 3D-editor, Hana en de runtimes.

Maak kennis met Spline Arena

Spline Arena is een openbare ranglijst die laat zien hoe goed AI-modellen in 3D bouwen. Twee modellen krijgen dezelfde prompt en elk bouwt een scène in Spline. Jij draait rond beide scènes, stemt blind op de beste, en elke stem verschuift de ranglijst. Haal het dagelijkse stemdoel en je kunt gratis AI-credits claimen.

Wijzigingen

Spline Arena

  • Blinde duels - Twee scènes vanuit dezelfde prompt, naast elkaar. Draai rond elke scène en verschuif het beeld, en kies dan A, B, gelijkspel of allebei slecht. De modellen blijven anoniem, en het volgende duel laadt zodra je stemt.
  • Ranglijst - Een openbare ranglijst van alle modellen die meedoen, van Anthropic, OpenAI, Google, xAI en anderen. De scores komen uit een Bradley–Terry-model over alle stemmen, elk met een betrouwbaarheidsinterval, zodat nek-aan-nekraces er ook zo uitzien.
  • Gratis AI-credits voor stemmen - Haal het dagelijkse stemdoel en claim gratis AI-credits.
  • Overal te vinden - Spline Arena staat in de zijbalk van het dashboard en in het startscherm voor nieuwe tabbladen, opent in een eigen tabblad in de desktopapp en heeft een landingspagina op spline.design/arena.

Betere opmerkingen in de 3D-editor, nu met AI

Opmerkingen in de 3D-editor zijn opnieuw gebouwd: een opmerkingenpaneel, echt afhandelen, markeringen voor ongelezen threads en previews op het canvas. De AI-agent van Spline kan nu ook vanuit opmerkingen werken. Gebruik Ask AI op een thread en de agent voert de wijziging door, bekijkt het resultaat vanuit het gezichtspunt van de schrijver van de opmerking en antwoordt met wat hij heeft gedaan.

Wijzigingen

3D-editor

  • Opmerkingenpaneel - De opmerkingenmodus opent een paneel met alle threads, met deelnemers, aantal reacties en tijd. Filter op deze scène of alle scènes en toon afgehandelde threads. Open je een thread, dan ga je naar de bijbehorende scène en springt de camera naar het gezichtspunt van de schrijver.
  • Afhandelen en heropenen - Een afgehandelde thread blijft bewaard in plaats van te worden verwijderd, en je kunt hem later heropenen.
  • Markeringen voor ongelezen - Rode stippen op pins en in het paneel tonen threads met nieuwe reacties. Markeer threads als gelezen of ongelezen.
  • Pin-previews - Hover over een pin om de eerste opmerking en profielfoto’s te zien. Klik met rechts op een pin om hem af te handelen, als ongelezen te markeren of Ask AI te gebruiken.
  • Opmerkingen verbergen - Met Shift+C verberg en toon je alle opmerkingen.

AI en agents

  • Ask AI op een opmerking - Stuur een thread naar de AI-agent van Spline. Die voert de wijziging door, controleert het resultaat vanuit de camera van de schrijver en antwoordt in de thread. Threads worden alleen afgehandeld als je daarom vraagt.
  • Opmerkingen via MCP - Claude, ChatGPT en andere MCP-clients kunnen opmerkingen lezen, erop reageren en ze afhandelen.

Fixes

  • Opmerkingen verschijnen niet meer over de draaiende scène in het tabblad Preview.
  • Escape sluit de geopende thread.

Remote MCP, native PBR en meer

Remote MCP, native PBR en meer

De MCP-server van Spline draait nu in de cloud: vraag ChatGPT, Claude of Cursor om een 3D-scène en die wordt gebouwd in een echt Spline-bestand, zonder dat de editor open hoeft te staan, klaar om te openen en verder te bewerken. Deze update brengt ook PBR-materialen, booleans en tijdlijnanimaties naar de native exports voor iOS en Android, keyframes voor camera’s en lampen, soepelere grote bestanden in Hana en een lange lijst fixes voor interacties.

Wijzigingen

AI en agents

  • Remote MCP-server van Spline - De MCP-server van Spline draait nu in de cloud, dus er hoeft geen editor open te staan. Voeg Spline toe vanuit de plug-indirectory van ChatGPT, of koppel de server in Claude, Cursor en andere MCP-clients, log in met je Spline-account en je AI-tool kan 3D-scènes voor je bouwen en bewerken. Elke wijziging linkt naar het bestand dat is gemaakt. De installatie voor elke app vind je op spline.design/mcp.
  • Publiceren met AI - Vraag de AI-assistent van Spline, of een gekoppelde tool als Claude of ChatGPT, om je scène te publiceren en je krijgt de openbare link terug.
  • Slimmere interacties van agents - Agents kunnen nu expressies voor Set Variable en voorwaarden voor Conditional schrijven.
  • Geïmporteerde modellen animeren vanuit code - Agents kunnen de animatieclips van een geïmporteerd GLB/glTF-model vanuit code afspelen en bedienen.
  • Nieuwe AI-modellen - Nieuwere, krachtigere modellen achter elk niveau, van Fast tot Ultra Max, plus twee nieuwe niveaus om uit te kiezen: Astra en Argon.

3D-editor

  • Keyframes voor camera en lampen - De tijdlijn kan de zoom van de camera en lampen tonen en er keyframes voor maken.
  • Animaties pauzeren en stoppen - Animatie-actions kunnen een animatie nu ook pauzeren of stoppen, niet alleen afspelen.
  • Doelen voor decals - Kies op welke objecten een decal wordt geprojecteerd.
  • Stabielere transformaties - Bij het schalen van groepen en het loskoppelen van een uitgerekt bovenliggend object blijft de vorm van elk object behouden, wat een aantal oude bugs in de viewport oplost, en het draaipunt bewerken werkt op scheefgetrokken objecten.
  • Betere glTF-imports - Materialen komen binnen als benoemde, gedeelde physical materials, met hun textuurtegeling en de namen van de morph targets van elke mesh.
  • Nieuwe bevel-engine - Extrusies van platte vormen en 3D-paden gebruiken een nieuwe bevel-engine op basis van een straight skeleton. Bestaande scènes houden hun huidige extrusies.
  • Betere video-exports - Scherpere video-exports, en lange exports worden tijdens het renderen naar schijf gestreamd, zodat het geheugen niet meer volloopt.
  • Kadrering met perspectiefcamera’s - Betere kadrering voor perspectiefcamera’s in Preview, exports en gepubliceerde scènes.
  • Dashboard - Klik met rechts op een team, project of map om het te delen of de link te kopiëren. Recents toont bestanden die je kunt bekijken, met Show more.
  • Desktopapp - Close Other Tabs en Close All Tabs in het tabbladmenu.

Native exports (iOS en Android)

  • PBR-materialen, padextrusies, booleans, Align to Path, tijdlijnanimaties en textuurfiltering worden nu geëxporteerd naar de native runtimes.

Hana

  • Snellere grote bestanden - Slepen, bewerken, transformeren en dupliceren blijven soepel in bestanden met duizenden objecten.
  • Slagschaduwen achter transparante delen - Een nieuwe optie toont een slagschaduw door de transparante delen van een object heen.
  • Exports - Strakkere curves in PDF- en SVG-exports, exportopties in het framemenu, transparante achtergronden als BG Color is verborgen, en de knop voor batch-export laat zien hoeveel frames er worden geëxporteerd.

Fixes

  • Interacties - Opgelost: transities die halverwege bevroren, versprongen of stappen oversloegen bij koppelen, vertragen of herhalen, scrollanimaties die niet tot rust kwamen bij terugscrollen, en Screen Resize-breakpoints die terugsprongen naar de telefoonlayout.
  • Rendering - Verbeterde scherptediepte, volgorde van transparantie en glasbreking op WebGPU.
  • Verbeteringen en fixes

Maak kennis met Hana V2

Maak kennis met Hana V2, nu met ondersteuning voor MCP, WebGPU, import van GLB/GLTF, export naar SVG en PDF, beter vectorbewerken en meer.

Wijzigingen

  • Toegang via MCP - Een MCP-server waarmee externe AI-agents op het canvas van Hana ontwerpen.
  • De AI-agent van Hana - Prompts in de chat maken content in Hana (UI-designs, sites, appschermen), native gebouwd met het objectsysteem van Hana, en bewerken ook bestaande content.
  • Nieuw UI-ontwerp voor Hana, gericht op productiviteit.
  • Hana op WebGPU - De Hana-editor draait nu standaard op WebGPU.
  • Volledige ondersteuning voor 3D-GLTF/GLB - Importeer GLTF/GLB-modellen als 3D-objecten in je designs, met een animatie-inspector en instellingen voor het 3D Shape-effect.
  • SVG-export - Exporteer frames als SVG-vectorbestanden.
  • PDF-export - Exporteer frames als PDF-documenten.
  • Import van Adobe Illustrator-bestanden - Importeer .ai-bestanden rechtstreeks op het canvas.
  • Meer dan 20 nieuwe transities - Ruim twintig nieuwe soorten animatietransities en easings: sine, expo, circ, back, power, bezier-varianten voor in/out, spring en meer.
  • Gridlayoutmaker - Slimme tool die geselecteerde objecten in instelbare rasterlayouts zet.
  • Instellingen voor afbeeldingslagen - Nieuwe instellingen voor bijsnijden en passend maken bij afbeeldingsfills en -lagen.
  • Bijsnijden met Cmd - Houd je Cmd ingedrukt terwijl je aan een formaathandvat sleept, dan snijd je de afbeeldings- of videofill ter plekke bij; geïmporteerde media komen binnen op de helft van hun pixelgrootte.
  • Tekst afkappen - Tekst die niet past, kan worden afgekapt met een beletselteken.
  • Afstandshulp - Houd Alt ingedrukt om de gemeten afstanden te zien tussen de selectie en objecten waar je overheen hovert.
  • Tussenruimtehulp - Selecteer je meerdere objecten, dan zie je de ruimtes ertussen, zodat je ze gelijkmatig verdeelt.
  • Templates voor framegroottes - Vooraf ingestelde formaten voor apparaten en social media als je frames maakt.
  • Contrastchecker - De kleurkiezer toont contrastverhoudingen, zodat je toegankelijke kleurcombinaties kiest.
  • Live cursors van teamgenoten - Betere realtime aanwezigheid op het canvas: cursors met naamlabel, selectiekaders per gebruiker en zichtbare selectierechthoeken.
  • Animeerbaar statesysteem - Nieuwe animeerbare states in het datamodel, plus robuuste parsing die onbekende of beschadigde documenten aankan.
  • Components/instances - Instances worden live afgeleid van het hoofdobject op het canvas, zonder gesynchroniseerde kopieën en zonder het mechanisme voor geneste instances.
  • Snellere autolayout en constraints - Layout en constraints op basis van ankers zijn verplaatst naar de Rust-runtime als enige bron van waarheid, ter vervanging van de parallelle TypeScript-implementatie.
  • Vloeiende afgeronde hoeken (iOS) voor eigen vormen - Squircle-hoeken werken nu niet alleen op rechthoeken, maar ook op eigen vormen en alle 2D-primitives.
  • Systeemlettertypen - De desktopapp toont geïnstalleerde systeemlettertypen in de lettertypekiezer, opgeslagen als verwijzingen.
  • Beter zoomen - Zoomen op het canvas gaat vloeiender en in verhouding tot de scrollbeweging.
  • Grote prestatieverbeteringen - Inactieve frames overslaan, sneller bestanden laden, extrude-animaties op de GPU, betere gradiënten, snellere 3D-vormen en andere optimalisaties.
  • Vernieuwde Google Fonts - Nu bijna 2000 lettertypen beschikbaar.

Maak kennis met Spline V2

Maak kennis met Spline V2, een volledig opnieuw gebouwde 3D-editor voor het tijdperk van agents.

Wijzigingen

AI-agent en generatie

  • Toegang via MCP - Externe agents (Claude Code, Cursor enz.) besturen de 3D-editor via MCP-tools.
  • AI-chatagent - Genereer of bewerk 3D-scènes met AI-agents in de 3D-editor. Gegenereerde scènes zijn volledig bewerkbaar.
  • Diepgaand scènes bewerken met AI - De agent kan alles maken en bewerken: objecten, materialen, lampen, camera’s, booleans, particles, cloners, paden, sky, variabelen en volledige interactiviteit (events, tweens, states), maar ook eigen interacties in code.
  • Scènes samenstellen met AI - De agent kan gestructureerde scènes met meerdere objecten opbouwen, procedurele generatoren gebruiken en wijzigingen in de hele scène doorvoeren.
  • Tabblad Preview - Een nieuwe afspeelmodus voor de 3D-scène en alle interacties in HTML of code.
  • Tabblad Code - Spline ondersteunt nu HTML/JS-code die de data van de scène kan lezen en aanpassen, of tijdens runtime nieuwe procedurele data kan maken. De agent genereert HTML/JS als laag over het 3D-canvas; beweging, interactiviteit of games kunnen standaard door code worden aangestuurd.
  • Versiegeschiedenis - Elke AI-prompt slaat een item in de versiegeschiedenis op.
  • AI-tools voor beelden en 3D - De chat genereert op de achtergrond texturen, afbeeldingen en 3D-modellen terwijl hij verder werkt.

Rendering en engine

  • WebGPU-renderer - Nieuwe WebGPU-backend op basis van TSL als standaard, met WebGL als terugvaloptie.
  • Ondersteuning voor PBR-materialen - Image-based lighting (IBL), nieuwe mapkanalen, BRDF, uitwisseling via glTF en een HDR-kleurpipeline.
  • Screen-space reflections - Nieuwe reflectielaag met SSR (alleen WebGPU), plus een schakelaar Surface Shape/Mirror. De Mirror-modus geeft echte vlakke spiegelreflecties, optioneel met blur.
  • Physical Sky - Procedurele lucht met een eigen dome light en een regelaar voor Light Intensity.
  • HDRi Sky - Ondersteuning voor .hdr als skybox met IBL, met een Show-BG-schakelaar om alleen de belichting te behouden.
  • Height fog - Realistische mist die afhangt van de camerahoek, met de modi Height en Both naast de klassieke depth fog.
  • Shape Blend vernieuwd - Nieuwe resolutie van 512³, snellere berekening en elke mesh als Shape Blend te gebruiken.
  • Dust-materiaallaag - Procedurele shading voor stof of sneeuw die zich ophoopt op naar boven gerichte oppervlakken.
  • Hair System - Door de GPU versnelde simulatie van haarlokken om haar te laten groeien vanuit hoofdhuidvormen of elke andere mesh, met belichting, schaduwen, wind en plukvorming.
  • Snellere booleaanse bewerkingen - Over het geheel ongeveer 4× sneller, met fixes voor subdiv-baking en gedegenereerde geometrie.
  • GPU-instancing - De cloner gebruikt nu GPU-mesh-instancing; gedeelde combinaties van geometrie en materiaal kunnen automatisch worden samengevoegd tot één instanced draw.
  • Vertex-color-materiaallaag - Nieuwe materiaallaag die kleuren per vertex uit glTF importeert en rendert.
  • Physics-upgrade - Betere contacten voor de physics-character-controller; gesleepte rigid bodies sturen de kinematica nu goed aan.
  • Kleinere exports - Kleinere basisruntime, met een grootte die zich aanpast aan de gebruikte functies, voor kortere laadtijden.
  • Nieuw ontwerp van de editor - Nieuwe navigatiebalk bovenaan (tabbladen links, toolbar in het midden, Preview = Play), tabbladen Preview/Edit/Code en vernieuwde lichte en donkere thema’s met een monochrome accentkleur.
  • Prestaties vernieuwd - Fixes voor lekken bij inactiviteit, caching van schaduwen, snellere AO, sneller selecteren, gebundelde subdiv-WASM, geoptimaliseerde padgeometrie, geoptimaliseerde zachte schaduwen en snellere tessellatie.

Modelleren en tools

  • Bevel/Chamfer-tool - Nieuwe bevel voor meshbewerking met ronde modus, instelbare segmenten, een zwevende toolbar die live bijwerkt en slimmere selectie van edge loops.
  • Assen voor textuurprojectie - Bediening van de X/Y/Z-as voor cilindrische en bolvormige textuurprojectie.
  • Camerabediening - Vloeiende overgangen tussen perspectief en orthografisch.
  • Typefilter in de outliner - Filter de outliner op objecttype.
  • Upgrades voor sculpten en meshes - Penseelsymmetrie bij het sculpten en ondersteuning voor UV’s op gesculpte en bewerkbare meshes.
  • Nieuwe standaarden voor nieuwe bestanden - Nieuwe bestanden openen in perspectief met een verschoven camera, HDRi Sky, zachte schaduwen, donkerdere standaardkleuren en zonder startrechthoek.
  • Getrouwere imports - GLB/glTF-imports behouden PBR-materialen getrouw, slaan texturen op als gedeelde assets, accepteren losse assets en .hdr/.exr en worden genormaliseerd naar een hoogte van 500.

Dashboard en app

  • Nieuwe Home - Een nieuwe Home met een prompt als blikvanger, en verderop een lijst met recente bestanden en een invoerveld onderaan; prompts gaan rechtstreeks naar de chat van de editors.
  • Zoeken in de workspace - Een venster vanuit de zijbalk om bestanden in de hele workspace te zoeken.
  • Nieuw ontwerp voor bestanden en templates - Vernieuwde lijstweergave voor bestanden, een templatespagina met tabbladen en mappen onder My Files in de zijbalk, met paginering en de nieuwste bovenaan.
  • Nieuwe prijsplannen - Opnieuw ingedeeld in Hobby/Pro/Max met een keuze aan credits per plan, ter vervanging van de AI-add-on.

Uitgefaseerd

  • AI Style Transfer is uitgefaseerd.
  • UI Scenes is uitgefaseerd ten gunste van de nieuwe aanpak met HTML voor het genereren van UI. Bestanden met bestaande UI-scènes laden gewoon (en sneller, omdat Hana de oude UI-renderer vervangt).
  • Frame Mode is uitgefaseerd, maar de frame-overlay in de editor werkt nog net als voorheen.
  • Playmode heet nu Preview Mode.

Maak kennis met Omma: maak 3D, websites en apps met AI-agents.

We introduceren met trots Omma, een nieuwe manier om beschrijvingen werkelijkheid te maken. Of je nu een hoogwaardige 3D-landingspagina, een werkende app of een interactieve game wilt bouwen, Omma doet het zware werk. Doordat Omma meerdere taken parallel aanstuurt, van code schrijven tot 3D-meshes genereren, sla je het standaardwerk over en ga je direct naar opleveren.

De bèta staat nog in de kinderschoenen, dus sommige dingen voelen misschien wat experimenteel aan, maar de kern-engine is klaar om te verkennen. Je kunt met een leeg canvas beginnen of remixen wat de community al aan het bouwen is.

Wijzigingen

Workflow met meerdere agents: Omma laat agents voor code, beeld en 3D-generatie tegelijk draaien om in een paar seconden complexe scènes en apps te bouwen.

  • Meer dan statische pagina’s: maak interactieve webapps en games op basis van WebGPU, inclusief simulaties met physics en realtime reflecties.
  • Integratie van echte data: koppel je projecten aan de echte wereld met ondersteuning voor CSV-, JSON- en DOC-bestanden en GLB/GLTF-3D-modellen.
  • Remixen uit de community: begin niet vanaf nul. Blader door de communitygalerij om bestaande projecten te forken en aan te passen.
  • Direct live: ga van een prompt naar een live URL met hosting die klaar is voor productie en ondersteuning voor eigen domeinen.
  • Geavanceerde webtechnologie: ingebouwde ondersteuning voor industriestandaarden als Three.js, Tailwind CSS en React Three Fiber.
  • Parallel itereren: genereer meerdere variaties van een idee tegelijk, kies het beste resultaat en bouw verder.

Wat ga jij als eerste beschrijven en bouwen?

Ga naar omma.build om te beginnen.

Nieuw in Hana: Fill to 3D, kopiëren en plakken vanuit Figma, Pencil Tool en meer

We delen met plezier de nieuwste functies van Hana! Klaar om ze uit te proberen? Laten we ze verkennen! 🚀

Wijzigingen

  • Frame as Fill voor 3D-meshes
  • Kopiëren en plakken vanuit Figma
  • Pages
  • Pencil Tool
  • Gradiënt en afbeelding op lijnen
  • Verbetering: vectorpunten zijn nu makkelijker te bedienen
  • Typ je spline.new, dan wordt er een nieuw 3D-bestand in Spline voor je gemaakt

Updates voor Spline en Hana in januari

We hebben net een reeks kleine verbeteringen uitgebracht

Wijzigingen

3D-editor

  • Verbetering: 3D-paden kunnen nu een gelijkmatige verdeling over segmenten hebben. Je kunt wisselen tussen gelijkmatig en dynamisch. Vooral handig bij animaties die het pad volgen.
  • Probleem opgelost waarbij de inhoud van het cloner-paneel niet werd bijgewerkt als waarden veranderden.
  • Fout met het draaipunt in niet-bijgewerkte bestanden opgelost.

Hana

  • Verbetering: flink betere prestaties bij 3D-vormen. Ongeveer 2x beter geheugenbeheer en 15% sneller op de GPU.
  • Verschillende verbeteringen aan frames. Selecteer objecten en druk op Shift+A om ze in een frame te zetten en een layout toe te passen.
  • Probleem opgelost met de precisie van tekstselectie dat in sommige gevallen optrad.

Kleine updates voor Spline en Hana

We brengen een aantal veelgevraagde functies uit die je meer precisie en flexibiliteit geven in je 3D-workflows. Van verbeteringen aan de kern van de editor in Spline, zoals het handmatig verplaatsen van draaipunten, tot ondersteuning voor meer bestanden met USDZ-imports: deze updates draaien allemaal om het versnellen van je creatieve proces. We hebben ook onze Code API verbeterd, zodat je materiaallagen in realtime en tot in detail via code kunt aanpassen. En Hana krijgt een productiviteitsboost met snellere toegang tot essentiële bouwstenen.

Wijzigingen

Updates in Spline:

  • Je kunt nu de positie van het draaipunt van je 3D-objecten veranderen! Houd CMD/CTRL ingedrukt en verplaats het draaipunt, of pas het handmatig aan in het zwevende paneel.
  • De Code API (web) van Spline ondersteunt nu het bewerken van materiaallagen! Je kunt nu dus bijvoorbeeld texturen en andere parameters van materiaallagen dynamisch veranderen. Meer in de API-documentatie.
  • Ondersteuning voor het importeren van USDZ-bestanden in de 3D-editor van Spline.

Update in Hana:

  • Snelle toegang tot 3D-vormen in de toolbar van Hana

Nieuw: 3D Shapes in Hana

Met het 3D Shape-effect til je elke 2D-vorm in één stap de 3D-ruimte in, zodat platte vectorvormen direct diepte, volume en belichting krijgen. Je oorspronkelijke 2D-vorm blijft volledig bewerkbaar, en elke wijziging werkt de 3D-vorm in realtime bij. Het is een baanbrekende stap in de designworkflow, die 3D maken net zo snel en intuïtief maakt als werken met 2D-vormen.

Wijzigingen

  • Ondersteuning voor 3D Shape toegevoegd in Hana: zet elke 2D-vorm om in een 3D-object met belichting, materialen en environment maps voor realistische shading
  • 2D-vormen blijven volledig bewerkbaar, en het 3D-object wordt in realtime bijgewerkt
  • Alle parameters van 3D Shape kunnen per state verschillen, voor animatie en interactiviteit
  • Nieuwe Discover-pagina met voorbeelden en templates met het 3D Shape-effect
  • Andere fixes en verbeteringen

Nieuw: ondersteuning voor light mode

Nieuw: ondersteuning voor light mode

We hebben volledige ondersteuning voor weergavemodi toegevoegd op het hele Spline-platform, inclusief beide editors, met System, Light en Dark. Je wisselt op elk moment van thema via het Dashboard-menu of het hoofdmenu van de editor, of je laat de interface automatisch je systeemvoorkeur volgen.

Wijzigingen

  • Ondersteuning voor weergavemodi op het hele platform
  • Modi System / Light / Dark
  • Te wisselen via het menu van het dashboard of de editor
  • Ondersteuning voor automatische systeemvoorkeur
  • Andere verbeteringen en fixes

AI-beeldgeneratie in Hana

Hana heeft nu functies met AI die de creatieve mogelijkheden in je workflow uitbreiden. Met deze tools genereer, transformeer en verbeter je afbeeldingen rechtstreeks in Hana. Dat bespaart tijd en opent nieuwe designrichtingen. Of je nu vanaf nul begint of verder werkt aan bestaand werk, met AI experimenteer je vrijer en kom je sneller tot resultaat.

Wijzigingen

  • Afbeeldingen genereren met verschillende modellen
  • Afbeeldingen en frames combineren of aanpassen
  • Variaties maken, achtergrond verwijderen en opschalen
  • Andere verbeteringen en fixes

Nieuw: Timeline Animation voor Spline 3D

Met de tijdlijnanimatie van Spline breng je je 3D-designs tot leven met vloeiende beweging op basis van keyframes. Je animeert eigenschappen als positie, rotatie, schaal en nog veel meer in de tijd, zodat je de timing van je animaties makkelijker bepaalt. Verfijn het verloop van je keyframe-transities met de ingebouwde grafiekeditor. Nu beschikbaar in bèta.

Wijzigingen

  • Bediening voor keyframes
  • Bediening voor curves
  • Ondersteuning voor events in Timeline
  • Ondersteuning voor video-export in Timeline
  • Nieuwe toolbar
  • Verbeteringen en fixes

Vectormaskers in Hana

Met maskers verberg of toon je content met een vectorvorm. In plaats van delen van een afbeelding of laag definitief te wissen, bepaalt een masker welke delen zichtbaar blijven. Alles binnen de maskervorm is zichtbaar, alles daarbuiten verborgen. Vectormaskers kun je ook animeren en interactief maken met events en actions.

Wijzigingen

  • Nieuw: Vector Masking – verberg of toon content met een vectorvorm.
  • Grote bestanden met veel assets laden sneller
  • Kleine verbeteringen en fixes.

3D-projecties en noise-effecten in Hana

We kondigen een nieuwe update aan waarmee we doorgaan met het ontsluiten van nog meer creativiteit in Spline Hana, met functies als 3D Projections, Layer Noise en Noise Glass.

Wijzigingen

  • Nieuw: 3D Projection – wikkelt 2D-lagen om een driedimensionale vorm en voegt diepte, kromming en realistische belichting toe. Gebruik het om volumetrische projecties te simuleren voor een meeslependere scène.
  • Nieuw: Layer Noise – voegt procedurele variatie toe aan een oppervlak, met organische textuur of verplaatsing. Handig om egale vlakken te doorbreken, natuurlijke onvolkomenheden te maken of dynamische beweging toe te voegen.
  • Nieuw: Noise Glass – vervormt een oppervlak alsof je erdoor kijkt via getextureerd of oneffen glas, met lichtbrekende rimpelingen en visuele vervorming. Gebruik het om matglas, wateroppervlakken of hitte-trillingen te simuleren.
  • Kleine verbeteringen en fixes.

3D Transforms, Auto Layout, Liquid Glass en Video Layers in Hana

Vandaag introduceren we een krachtige reeks nieuwe functies in Hana, waaronder 3D Transforms, Auto Layout, het Liquid Glass-effect en Video Layers. Daarmee krijg je allerlei nieuwe mogelijkheden om je ideeën tot leven te brengen.

Wijzigingen

  • Nieuw: met 3D Transforms draai en transformeer je lagen in de 3D-ruimte, met instellingen voor diepte en perspectief.
  • Nieuw: met Auto Layout schik je elementen sneller en flexibeler, met opties voor uitlijning, padding, tussenruimte, wrap en masonry-layouts.
  • Nieuw: het Liquid Glass-effect simuleert de natuurlijke vervorming, lichtbreking en diepte van echt glas, met ondersteuning voor animatie. Geïnspireerd op de nieuwe Liquid Glass-designtaal van Apple.
  • Nieuw: met Video Layers importeer je video’s en geef je frames en vormen een videofill.
  • Prestaties: Hana is nu ~2x sneller bij grote scènes.
  • Kleine verbeteringen en fixes.

Video-exports in Hana en animatie van stroke trimming

Je kunt nu video’s exporteren in Hana! We hebben ook instellingen voor stroke trimming toegevoegd, voor animatie en interactie.

Wijzigingen

  • Nieuw: exporteer MP4-video’s in Hana. Kies zelf de FPS en resolutie van de video.
  • Nieuw: het trimmen van lijnen animeren.
  • Nieuw: streepjes in lijnen animeren is nu mogelijk.
  • Kleine verbeteringen en fixes.

Progressive blur en gradiënten in Hana

Hana ondersteunt nu progressive blur! We hebben ook ondersteuning voor vloeiende gradiënten toegevoegd. Alles interactief, alles in realtime.

Wijzigingen

  • Nieuwe ondersteuning voor progressive blur.
  • Progressive blur werkt in Layer Blur en Background Blur.
  • Nieuwe ondersteuning voor gradiënten.
  • Gradiënten kunnen lineair, radiaal en polair (hoekig) zijn
  • Nieuwe vloeiende gradiënten met natuurlijke kleurovergangen.
  • Betere prestaties in de editor.
  • Kleine verbeteringen en fixes.

SVG-imports in Hana

Spline Hana ondersteunt nu het importeren van SVG’s. Je kunt nu elk SVG-bestand naar Hana slepen.

Wijzigingen

  • Ondersteuning voor SVG-bestanden toegevoegd.
  • Kleine fixes en verbeteringen.

Hana - een canvas voor interactief design

Een canvas om realtime, interactieve ervaringen te maken.

Hana is een moderne designtool, vanaf nul gebouwd voor snelle, interactieve, geanimeerde ervaringen. Of je nu interfaces ontwerpt of dynamische, geanimeerde graphics op basis van states, met Hana ontwerp je rijke ervaringen.

Realtime samenwerking en creatieve vrijheid vormen de kern. Hana stroomlijnt het designproces en geeft je krachtige controle over interactiviteit en animatie.

Alles wat je maakt, is klaar voor productie en kan op het web worden ingesloten.

Wijzigingen

  • Een nieuw canvas voor interactief design
  • Events en states
  • Effecten: schaduwen, blurs
  • Realtime vectornetwerken en booleans
  • Exports klaar voor productie - en meer!