10 de dezembro de 2025

Apresentamos o 3D no Hana

Juntar o 3D e o 2D

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.