# Ecco il 3D in Hana - Spline blog (https://spline.design/it/blog/introducing-3d-shapes-hana) > 3D e 2D insieme [Blog](https://spline.design/it/blog) 10 dicembre 2025 # Ecco il 3D in Hana 3D e 2D insieme [Apri Hana](https://app.spline.design) 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. ## 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. ## 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 🌸 ## Altro dal blog [3 novembre 2026Ecco Spline Arena](https://spline.design/it/blog/introducing-spline-arena)[21 ottobre 2026Ecco Spline per ChatGPT](https://spline.design/it/blog/introducing-spline-for-chatgpt)[27 agosto 2026Ecco Hana V2](https://spline.design/it/blog/hana-v2) [Spline](https://spline.design/it) L’editor 3D e 2D per i team e i loro agenti. Pubblica sul web, su iOS e su Android. #### Chiedi all’IA informazioni su Spline #### Prodotti - [Design 3D](https://spline.design/it/3d-design) - [Hana](https://spline.design/it/hana) - [Omma](https://omma.build) - [Generazione 3D con IA](https://spline.design/it/ai-generate) - [Spline MCP](https://spline.design/it/mcp) - [Spline Arena](https://spline.design/it/arena) - [Prezzi](https://spline.design/it/pricing) - [Enterprise](https://spline.design/it/enterprise) #### Runtime - [Web](https://spline.design/it/web) - [iOS](https://spline.design/it/ios) - [Android](https://spline.design/it/android) #### App - [Download](https://spline.design/it/download) - [Spline Mirror](https://spline.design/spline-mirror) - [Scarica Spline Mirror](https://spline.design/download-mirror) #### Impara - [Docs](https://docs.spline.design/) - [Academy](https://spline.design/it/academy) - [API di Spline](https://www.npmjs.com/package/@splinetool/runtime) - [Soluzioni](https://spline.design/solutions) #### Community - [Community di Spline](https://community.spline.design) - [Blog](https://spline.design/it/blog) - [Novità](https://spline.design/it/changelog) - [Istruzione](https://spline.design/it/education) - [Contra](https://spline.design/contra) - [Affiliazione](https://spline.design/it/affiliate) #### Azienda - [Clienti](https://spline.design/it/customers) - [Lavora con noi](https://www.ycombinator.com/companies/spline/jobs) - [Sicurezza](https://spline.design/it/security) #### Note legali - [Termini e condizioni](https://spline.design/terms) - [Privacy](https://spline.design/privacy) #### Contatti - [help@spline.design](mailto:help@spline.design) - [jobs@spline.design](mailto:jobs@spline.design) © 2026 - Spline, Inc.