Ecco il 3D in Hana

3D e 2D insieme

Apri Hana

Per moltissimo tempo, la maggior parte del “processo” di design si è svolta su un canvas 2D.

La storica separazione tra 2D e 3D affonda le radici in complessità tecniche. Gli strumenti di design 2D si sono evoluti per essere al tempo stesso in tempo reale e di alta qualità (quello che vedi è quello che ottieni), mentre il 3D richiede molta più potenza di calcolo, e lavorare in tempo reale è possibile solo a qualità inferiore.

Ma la tecnologia ha fatto grandi passi avanti (sia hardware sia software) e negli ultimi anni il nostro team ha fatto progressi significativi, che ci hanno permesso di raggiungere un traguardo fondamentale: combinare 3D e 2D sullo stesso canvas, in tempo reale.

Muovi il mouse o tocca per interagire (esperienza creata con Hana)

La convergenza di 3D e 2D

Crediamo che un canvas di design debba sfruttare tutte le dimensioni disponibili e che l’utente (persona o agente IA) debba poter decidere cosa sia meglio per la soluzione da trovare.

Purtroppo, anche se in teoria funziona, implementare qualsiasi cosa in 3D è un incubo tecnico, e combinare questi due sistemi lo rende ancora peggiore.

La maggior parte degli strumenti di design attuali, o di quelli tradizionali, è nata da un approccio simile: lavori su un’anteprima, poi premi “render” o “consegni” il lavoro, e qualcun altro realizza il prodotto vero e proprio con uno stack diverso.

In altre parole, quasi tutti gli strumenti di design attuali non sono in tempo reale, e quindi per il 3D di solito servono strumenti specializzati, il cui output finisce per essere gestito o incorporato come immagini o video piatti: non modificabili e non interattivi. È un processo lento, che non è all’altezza degli standard dei flussi di lavoro di design di oggi.

Per cambiare le cose serve un approccio nuovo.

Esperienze create con Hana

Il tempo reale è la base di tutto

Quando abbiamo costruito Hana, l’abbiamo progettato per funzionare in tempo reale e, allo stesso tempo, per renderizzare qualsiasi cosa si possa renderizzare in 2D. Questo significa che il renderer di Hana gestisce ogni tipo di effetto perfetto al pixel (come ombre, sfocature e così via), forme vettoriali, booleane e altro ancora, tutto in tempo reale.

Di conseguenza, possiamo sfruttare la pipeline di effetti di Hana anche per renderizzare grafica 3D in tempo reale.

In sostanza, Hana può combinare 3D e 2D in un unico insieme.

Vettori trasformati in 3D in tempo reale con Hana

Il percorso per unire due mondi

Aggiungere il 3D a un canvas 2D sembra un compito facile, ma in realtà le sfide sono moltissime. Il più delle volte bisogna eseguire due renderer contemporaneamente o combinare più runtime, con tempi di download lunghi tutt’altro che ideali.

Hana usa lo stesso runtime per il 3D e il 2D, una soluzione più efficiente e decisamente più flessibile.

Un altro problema centrale è la qualità, o meglio, la sua mancanza.

Combinare i due sistemi in uno solo mantenendo lo stesso livello di qualità è difficile, perché la qualità del 3D dipende da diversi fattori: anti-aliasing, risoluzione, numero di poligoni (o alta densità di voxel), numero di oggetti e altro ancora.

In Hana puoi creare qualsiasi forma 2D e convertirla in un oggetto 3D mantenendo un collegamento in tempo reale con la forma originale.

Questo significa che puoi modificare la forma originale in qualsiasi momento e l’oggetto 3D verrà rigenerato in tempo reale in base a essa.

Ne deriva un notevole aumento di produttività nella creazione 3D all’interno di una composizione 2D. Ad esempio, puoi creare facilmente un testo 3D e cambiarne colore, font o altre proprietà, mantenendo tutta la flessibilità del testo in un flusso di lavoro non distruttivo.

I layout possono aggiornarsi in modo dinamico e gli oggetti 3D seguiranno le regole della composizione 2D.

Esperienze create con le forme 3D di Hana

Il 3D segue il 2D

In Hana ogni oggetto 3D ha il proprio sistema di coordinate. Tuttavia continua a seguire le regole e il comportamento del canvas 2D, quindi puoi applicare agli oggetti 3D tutto ciò che useresti normalmente sugli oggetti 2D.

Questo apre le porte a un’ampia gamma di possibilità di design.

Esperienze create con le forme 3D di Hana

Limitazioni

Al momento, nel sistema 3D/2D di Hana è disponibile solo un numero limitato di funzionalità.

Puoi estrudere in 3D qualsiasi forma 2D e hai un buon controllo sui materiali, ma c’è ancora molto spazio per nuove possibilità.

Idealmente, il sistema 3D dovrebbe poter renderizzare qualsiasi tipo di oggetto o scena 3D ed essere molto meno limitato.

Esperienze create con le forme 3D di Hana

Questo è solo l’inizio

Negli ultimi anni abbiamo lavorato sodo in Spline per creare un sistema di design coerente che integri 2D, 3D e, un giorno, 4D.

Non vediamo l’ora di continuare a fare progressi verso questo nuovo, entusiasmante futuro.

— Il team di Spline 🌸

Apri Hana

Altro dal blog