# Apresentamos o 3D no Hana - Spline blog (https://spline.design/pt-pt/blog/introducing-3d-shapes-hana) > Juntar o 3D e o 2D [Blog](https://spline.design/pt-pt/blog) 10 de dezembro de 2025 # Apresentamos o 3D no Hana Juntar o 3D e o 2D [Abrir o Hana](https://app.spline.design) Durante muito tempo, a maior parte do "processo" de design aconteceu num canvas 2D. A divisão histórica entre o 2D e o 3D tem origem em complexidades técnicas. As ferramentas de design 2D evoluíram para ser ao mesmo tempo em tempo real e de alta qualidade (o que vês é o que obténs), mas o 3D exige muito mais poder de computação, o que só torna possível o trabalho em tempo real com menor qualidade. Mas a tecnologia avançou muito (tanto o hardware como o software), e a nossa equipa fez progressos significativos nos últimos anos, o que nos permitiu alcançar um marco fundamental: combinar 3D e 2D no mesmo canvas, em tempo real. Move o rato ou toca para interagir (experiência feita com o Hana) ## A convergência do 3D e do 2D Acreditamos que um canvas de design deve tirar partido de todas as dimensões disponíveis e que o utilizador (humano ou agente de IA) deve poder decidir o que é melhor para a solução em causa. Infelizmente, embora isto funcione na teoria, implementar o que quer que seja em 3D é um pesadelo técnico, e combinar estes dois sistemas torna tudo ainda pior. A maioria das ferramentas de design atuais, ou tradicionais, foi construída com uma abordagem semelhante: trabalhas numa pré-visualização, depois carregas em "render" ou fazes a "entrega" do teu trabalho, e alguém implementa a coisa real com outra stack. Por outras palavras, quase todas as ferramentas de design atuais não funcionam em tempo real e, por isso, o 3D obriga normalmente a usar ferramentas especializadas cujo resultado acaba por ser tratado ou incorporado como imagens ou vídeos planos, não editáveis e não interativos. É um processo lento, que não está alinhado com os padrões atuais dos fluxos de trabalho de design. Para mudar isto, é preciso uma nova abordagem. Experiências feitas com o Hana ## O tempo real é a base Quando criámos o Hana, fizemo-lo para funcionar em tempo real e, ao mesmo tempo, ser capaz de renderizar _tudo_ o que se pode renderizar em 2D. Isto significa que o renderizador do Hana consegue lidar com todo o tipo de efeitos ao píxel (como sombras, desfocagem, etc.), formas vetoriais, booleanas e muito mais, tudo em tempo real. Isto significa que podemos tirar partido do pipeline de efeitos do Hana para renderizar também gráficos 3D em tempo real. Essencialmente, o Hana consegue combinar o 3D e o 2D. Vetores transformados em 3D em tempo real com o Hana ## O caminho para juntar dois mundos Acrescentar 3D a um canvas 2D parece uma tarefa fácil, mas na realidade há inúmeros desafios. Na maioria das vezes, obriga a correr dois renderizadores em simultâneo ou a combinar vários runtimes, o que resulta em tempos de descarga longos e pouco desejáveis. O Hana usa o mesmo runtime para o 3D e o 2D, o que é mais eficiente e consideravelmente mais flexível. Outra questão central é a qualidade, ou melhor, a falta dela. Juntar os dois sistemas num só mantendo o mesmo nível de qualidade é difícil, porque a qualidade em 3D depende de vários fatores: anti-aliasing, resolução, número de polígonos (ou densidade elevada de voxels), número de objetos e muito mais. No Hana, podes criar qualquer forma 2D e convertê-la num objeto 3D, mantendo uma ligação em tempo real à forma original. Isto significa que, a qualquer momento, podes modificar a forma original e o objeto 3D é regenerado em tempo real a partir dela. Isto traz um ganho de produtividade substancial na criação 3D dentro de uma composição 2D. Por exemplo, podes criar facilmente texto 3D e mudar a sua cor, o tipo de letra ou outras propriedades, preservando toda a flexibilidade do texto num fluxo de trabalho não destrutivo. Os layouts podem atualizar-se dinamicamente, e os objetos 3D seguem as regras da composição 2D. Experiências feitas com as formas 3D do Hana ## O 3D segue o 2D No Hana, cada objeto 3D tem o seu próprio sistema de coordenadas. No entanto, continua a seguir as regras e o comportamento do canvas 2D, o que significa que podes aplicar aos objetos 3D tudo aquilo que normalmente usarias em objetos 2D. Isto abre a porta a uma grande variedade de possibilidades de design. ## Limitações De momento, só está disponível um número limitado de funcionalidades no sistema 3D/2D do Hana. Podes extrudir qualquer forma 2D para 3D e tens bastante controlo sobre os materiais, mas há ainda muito espaço para novas possibilidades. Idealmente, o sistema 3D deverá conseguir renderizar qualquer tipo de objeto ou cena 3D e ser muito menos limitado. ## Isto é só o começo Nos últimos anos, temos trabalhado arduamente no Spline para criar um sistema de design coerente que integre o 2D, o 3D e, um dia, o 4D. Mal podemos esperar para continuar a avançar rumo a este futuro novo e entusiasmante. — A equipa do Spline 🌸 ## Mais do blog [3 de novembro de 2026Apresentamos a Spline Arena](https://spline.design/pt-pt/blog/introducing-spline-arena)[21 de outubro de 2026Apresentamos o Spline para o ChatGPT](https://spline.design/pt-pt/blog/introducing-spline-for-chatgpt)[27 de agosto de 2026Apresentamos o Hana V2](https://spline.design/pt-pt/blog/hana-v2) [Spline](https://spline.design/pt-pt) O editor 3D e 2D para equipas e os seus agentes. Publica na web, em iOS e em Android. #### Pergunta à IA sobre o Spline #### Produtos - [Design 3D](https://spline.design/pt-pt/3d-design) - [Hana](https://spline.design/pt-pt/hana) - [Omma](https://omma.build) - [Geração 3D com IA](https://spline.design/pt-pt/ai-generate) - [Spline MCP](https://spline.design/pt-pt/mcp) - [Spline Arena](https://spline.design/pt-pt/arena) - [Preços](https://spline.design/pt-pt/pricing) - [Empresas](https://spline.design/pt-pt/enterprise) #### Runtimes - [Web](https://spline.design/pt-pt/web) - [iOS](https://spline.design/pt-pt/ios) - [Android](https://spline.design/pt-pt/android) #### Apps - [Transferir](https://spline.design/pt-pt/download) - [Spline Mirror](https://spline.design/spline-mirror) - [Transferir o Spline Mirror](https://spline.design/download-mirror) #### Aprender - [Docs](https://docs.spline.design/) - [Academy](https://spline.design/pt-pt/academy) - [API do Spline](https://www.npmjs.com/package/@splinetool/runtime) - [Soluções](https://spline.design/solutions) #### Comunidade - [Comunidade Spline](https://community.spline.design) - [Blog](https://spline.design/pt-pt/blog) - [Novidades](https://spline.design/pt-pt/changelog) - [Educação](https://spline.design/pt-pt/education) - [Contra](https://spline.design/contra) - [Afiliados](https://spline.design/pt-pt/affiliate) #### Empresa - [Clientes](https://spline.design/pt-pt/customers) - [Carreiras](https://www.ycombinator.com/companies/spline/jobs) - [Segurança](https://spline.design/pt-pt/security) #### Informação legal - [Termos e condições](https://spline.design/terms) - [Privacidade](https://spline.design/privacy) #### Contacto - [help@spline.design](mailto:help@spline.design) - [jobs@spline.design](mailto:jobs@spline.design) © 2026 - Spline, Inc.