Nu kommer 3D till Hana

Öppna Hana

Under väldigt lång tid har det mesta av design-”processen” skett på en 2D-canvas.

Den historiska klyftan mellan 2D och 3D har sina rötter i tekniska svårigheter. Verktygen för 2D-design utvecklades till att bli både realtidsbaserade och högkvalitativa (det du ser är det du får), men 3D kräver betydligt mer datorkraft, vilket gjort att arbete i realtid bara varit möjligt med lägre kvalitet.

Men tekniken har gått kraftigt framåt (både hårdvara och mjukvara), och vårt team har gjort stora framsteg de senaste åren. Det har låtit oss nå en grundläggande milstolpe: att kombinera 3D och 2D på samma canvas, i realtid.

När 3D och 2D möts

Vi tror att en designcanvas bör utnyttja alla tillgängliga dimensioner, och att användaren (människa eller AI-agent) ska kunna avgöra vad som passar bäst för uppgiften.

Tyvärr är det, även om det fungerar i teorin, en teknisk mardröm att implementera vad som helst i 3D – och att kombinera de två systemen gör det ännu värre.

De flesta av dagens designverktyg, eller de traditionella, bygger på ett liknande arbetssätt: du arbetar i en förhandsvisning, sedan trycker du på ”render” eller ”lämnar över” ditt arbete, och någon annan implementerar själva produkten med en annan teknikstack.

Med andra ord fungerar nästan inga av dagens designverktyg i realtid, och därför kräver 3D oftast specialiserade verktyg vars resultat till slut hanteras eller bäddas in som platta bilder eller videor – inte redigerbara och inte interaktiva. Det är en långsam process som inte stämmer med hur man designar i dag.

Det behövs ett nytt angreppssätt för att ändra på det.

Realtid är grunden

När vi byggde Hana gjorde vi den realtidsbaserad, men samtidigt kapabel att rendera allt du kan rendera i 2D. Det innebär att Hanas renderare klarar alla möjliga pixelperfekta effekter (som skuggor, oskärpa osv.), vektorformer, booleska operationer med mera – allt i realtid.

Det betyder att vi kan använda Hanas effektpipeline för att rendera 3D-grafik i realtid också.

Hana kan alltså i grunden kombinera 3D och 2D.

Resan mot att förena två världar

Att lägga till 3D på en 2D-canvas låter enkelt, men i verkligheten finns det mängder av utmaningar. Oftast kräver det att två renderare körs samtidigt eller att flera runtimes kombineras, vilket ger långa nedladdningstider som inte är idealiska.

Hana använder samma runtime för 3D och 2D, vilket är effektivare och betydligt mer flexibelt.

Ett annat centralt problem är kvaliteten, eller snarare bristen på den.

Att slå ihop de två systemen till ett utan att tappa kvalitet är svårt, eftersom 3D-kvalitet omfattar flera faktorer: kantutjämning, upplösning, antal polygoner (eller hög voxeltäthet), antal objekt med mera.

I Hana kan du skapa vilken 2D-form som helst och göra om den till ett 3D-objekt, samtidigt som kopplingen till originalformen finns kvar i realtid.

Det betyder att du när som helst kan ändra originalformen, och 3D-objektet genereras om i realtid utifrån den.

Det ger en rejäl produktivitetsförbättring när du skapar 3D i en 2D-komposition. Du kan till exempel enkelt skapa 3D-text och ändra dess färg, typsnitt eller andra egenskaper, med textens hela flexibilitet bevarad i ett icke-destruktivt arbetsflöde.

Layouter kan uppdateras dynamiskt, och 3D-objekten följer 2D-kompositionens regler.

3D följer 2D

I Hana har varje 3D-objekt sitt eget koordinatsystem. Ändå följer det 2D-canvasens regler och beteende, vilket betyder att du kan använda allt på 3D-objekt som du normalt använder på 2D-objekt.

Det öppnar för en lång rad designmöjligheter.

Begränsningar

Just nu finns bara ett begränsat antal funktioner i Hanas 3D/2D-system.

Du kan extrudera vilken 2D-form som helst till 3D och har ganska god kontroll över materialen, men det finns fortfarande gott om utrymme för nya möjligheter.

Helst ska 3D-systemet kunna rendera alla typer av 3D-objekt eller scener och vara betydligt mindre begränsat.

Det här är bara början

Vi på Spline har arbetat hårt de senaste åren för att skapa ett sammanhängande designsystem som förenar 2D, 3D och så småningom 4D.

Vi längtar efter att fortsätta ta steg mot den här spännande nya framtiden.

— Spline-teamet 🌸

Öppna Hana