10. Dezember 2025

3D in Hana ist da

3D und 2D vereint

Lange Zeit hat der Großteil des Design-„Prozesses“ auf einem 2D-Canvas stattgefunden.

Die historische Trennung zwischen 2D und 3D hat technische Gründe. 2D-Design-Tools haben sich so entwickelt, dass sie in Echtzeit und in hoher Qualität arbeiten (What you see is what you get). 3D dagegen braucht deutlich mehr Rechenleistung, sodass Arbeiten in Echtzeit nur mit geringerer Qualität möglich war.

Doch die Technik hat sich enorm weiterentwickelt (Hardware wie Software), und unser Team hat in den letzten Jahren große Fortschritte gemacht. So haben wir einen entscheidenden Meilenstein erreicht: 3D und 2D auf demselben Canvas in Echtzeit zu vereinen.

Maus bewegen oder tippen zum Ausprobieren (Erlebnis erstellt mit Hana)

Die Verschmelzung von 3D und 2D

Wir sind überzeugt, dass ein Design-Canvas alle verfügbaren Dimensionen nutzen sollte – und dass die Person (oder der KI-Agent), die damit arbeitet, selbst entscheiden können sollte, was für die jeweilige Aufgabe am besten ist.

Leider ist das in der Theorie einfacher als in der Praxis: Alles in 3D umzusetzen, ist ein technischer Albtraum, und die Kombination beider Systeme macht es noch schwieriger.

Die meisten heutigen oder klassischen Design-Tools folgen einem ähnlichen Ansatz: Du arbeitest an einer Vorschau, klickst dann auf „Rendern“ oder „übergibst“ deine Arbeit, und jemand anderes setzt das Ergebnis mit einem anderen Stack um.

Mit anderen Worten: Fast alle heutigen Design-Tools arbeiten nicht in Echtzeit. Für 3D braucht es daher meist Spezialwerkzeuge, deren Ergebnisse am Ende als flache Bilder oder Videos weiterverarbeitet oder eingebettet werden – nicht bearbeitbar und nicht interaktiv. Ein langsamer Prozess, der nicht zu heutigen Design-Workflows passt.

Um das zu ändern, braucht es einen neuen Ansatz.

Erlebnisse, erstellt mit Hana

Echtzeit ist die Grundlage

Als wir Hana gebaut haben, sollte es in Echtzeit arbeiten und zugleich alles rendern können, was sich in 2D rendern lässt. Hanas Renderer verarbeitet also alle Arten pixelgenauer Effekte (wie Schatten, Blur usw.), Vektorformen, boolesche Operationen und mehr – alles in Echtzeit.

Damit können wir Hanas Effekt-Pipeline auch nutzen, um 3D-Grafik in Echtzeit zu rendern.

Kurz gesagt: Hana kann 3D und 2D miteinander vereinen.

Vektoren, die Hana in Echtzeit-3D verwandelt

Der Weg zur Vereinigung zweier Welten

3D auf einen 2D-Canvas zu bringen, klingt einfach, bringt in Wahrheit aber unzählige Herausforderungen mit sich. Meist müssen dafür zwei Renderer gleichzeitig laufen oder mehrere Runtimes kombiniert werden – mit langen Downloadzeiten, die alles andere als ideal sind.

Hana nutzt dieselbe Runtime für 3D und 2D. Das ist effizienter und deutlich flexibler.

Ein weiteres zentrales Problem ist die Qualität – genauer gesagt: der Mangel daran.

Beide Systeme zu einem zu vereinen und dabei dasselbe Qualitätsniveau zu halten, ist schwierig, denn 3D-Qualität umfasst viele Faktoren: Anti-Aliasing, Auflösung, Polygonzahl (oder hohe Voxeldichte), Anzahl der Objekte und mehr.

In Hana kannst du jede 2D-Form erstellen und in ein 3D-Objekt umwandeln, das in Echtzeit mit der ursprünglichen Form verbunden bleibt.

Du kannst die ursprüngliche Form also jederzeit ändern, und das 3D-Objekt wird auf ihrer Grundlage in Echtzeit neu erzeugt.

Das steigert die Produktivität beim Erstellen von 3D innerhalb einer 2D-Komposition erheblich. Du kannst zum Beispiel ganz einfach 3D-Text erstellen und Farbe, Schrift oder andere Eigenschaften ändern – mit der vollen Flexibilität von Text in einem zerstörungsfreien Workflow.

Layouts können sich dynamisch aktualisieren, und die 3D-Objekte folgen den Regeln der 2D-Komposition.

Erlebnisse, erstellt mit 3D-Formen in Hana

3D folgt 2D

In Hana hat jedes 3D-Objekt sein eigenes Koordinatensystem. Es folgt aber weiterhin den Regeln und dem Verhalten des 2D-Canvas – du kannst also alles, was du sonst auf 2D-Objekte anwendest, auch auf 3D-Objekte anwenden.

Das eröffnet eine enorme Bandbreite an Designmöglichkeiten.