Představujeme 3D v Haně

Spojujeme 3D a 2D

Otevřít Hanu

Většina designového „procesu“ se po dlouhou dobu odehrávala na 2D plátně.

Historický předěl mezi 2D a 3D má kořeny v technické složitosti. 2D designové nástroje se vyvinuly tak, že pracují v reálném čase a ve vysoké kvalitě (co vidíte, to dostanete), ale 3D vyžaduje mnohem víc výpočetního výkonu, takže práce v reálném čase byla možná jen v nižší kvalitě.

Technologie ale výrazně pokročila (hardware i software) a náš tým za posledních několik let udělal velký pokrok, díky kterému jsme dosáhli zásadního milníku: spojení 3D a 2D na jednom plátně v reálném čase.

Pohněte myší nebo se dotkněte (zážitek vytvořený v Haně)

Sbližování 3D a 2D

Věříme, že designové plátno by mělo využívat všechny dostupné rozměry a že uživatel (člověk nebo AI agent) by měl mít možnost rozhodnout, co je pro dané řešení nejlepší.

Bohužel, i když to v teorii funguje, implementovat cokoli ve 3D je technická noční můra – a spojení obou systémů to ještě zhoršuje.

Většina současných i tradičních designových nástrojů je postavená na podobném přístupu: pracujete na náhledu, pak stisknete „render“ nebo práci „předáte“ a někdo jiný skutečnou věc implementuje v jiném stacku.

Jinými slovy, téměř žádný současný designový nástroj nepracuje v reálném čase, a proto 3D obvykle vyžaduje specializované nástroje, jejichž výstup se nakonec zpracuje nebo vloží jako plochý obrázek či video – neupravitelný a neinteraktivní. Je to pomalý proces, který neodpovídá dnešním standardům designové práce.

Aby se to změnilo, je potřeba nový přístup.

Zážitky vytvořené v Haně

Základem je reálný čas

Když jsme Hanu stavěli, navrhli jsme ji tak, aby pracovala v reálném čase a zároveň dokázala vykreslit cokoli, co lze vykreslit ve 2D. Vykreslovací engine Hany tedy zvládne nejrůznější pixelově přesné efekty (stíny, rozostření a další), vektorové tvary, booleovské operace a mnohem víc – vše v reálném čase.

Díky tomu můžeme efektový pipeline Hany využít i k vykreslování 3D grafiky v reálném čase.

Hana v podstatě dokáže 3D a 2D spojit dohromady.

Vektory proměněné v Haně ve 3D v reálném čase

Cesta ke spojení dvou světů

Přidat 3D na 2D plátno vypadá jako snadný úkol, ve skutečnosti ale přináší nespočet výzev. Většinou to vyžaduje provozovat dva renderery současně nebo kombinovat více runtimů, což vede k dlouhému stahování, které není ideální.

Hana používá pro 3D i 2D stejný runtime, což je efektivnější a podstatně flexibilnější.

Dalším zásadním problémem je kvalita – nebo spíš její nedostatek.

Spojit oba systémy do jednoho a udržet stejnou úroveň kvality je náročné, protože kvalita ve 3D zahrnuje řadu faktorů: anti-aliasing, rozlišení, počet polygonů (nebo vysokou hustotu voxelů), počet objektů a další.

V Haně můžete vytvořit libovolný 2D tvar a převést ho na 3D objekt, přičemž zůstane v reálném čase propojený s původním tvarem.

Původní tvar tak můžete kdykoli upravit a 3D objekt se v návaznosti na něj v reálném čase znovu vygeneruje.

To výrazně zvyšuje produktivitu při tvorbě 3D v rámci 2D kompozice. Můžete například snadno vytvořit 3D text a měnit jeho barvu, písmo nebo jiné vlastnosti a zachovat přitom veškerou flexibilitu textu v nedestruktivním postupu.

Layouty se mohou dynamicky aktualizovat a 3D objekty se budou řídit pravidly 2D kompozice.

Zážitky vytvořené s 3D tvary v Haně

3D se řídí 2D

V Haně má každý 3D objekt vlastní souřadnicový systém. Stále se ale řídí pravidly a chováním 2D plátna, takže na 3D objekty můžete použít cokoli, co byste běžně použili na 2D objekty.

To otevírá dveře široké škále designových možností.

Zážitky vytvořené s 3D tvary v Haně

Omezení

V systému 3D/2D v Haně je zatím k dispozici jen omezený počet funkcí.

Libovolný 2D tvar můžete vytáhnout do 3D a máte slušnou kontrolu nad materiály, ale prostoru pro nové možnosti je stále hodně.

V ideálním případě by 3D systém měl zvládnout vykreslit jakýkoli 3D objekt nebo scénu a být mnohem méně omezený.

Zážitky vytvořené s 3D tvary v Haně

Tohle je začátek

Posledních několik let jsme ve Spline usilovně pracovali na uceleném designovém systému, který propojí 2D, 3D a časem i 4D.

Už se nemůžeme dočkat, až budeme v cestě k této vzrušující budoucnosti pokračovat.

— Tým Spline 🌸

Otevřít Hanu

Další články z blogu