Ipinapakilala ang 3D sa Hana

Pinagsasama ang 3D at 2D

Buksan ang Hana

Sa napakatagal na panahon, sa isang 2D canvas nangyayari ang karamihan ng "proseso" ng design.

Nag-uugat sa mga teknikal na komplikasyon ang makasaysayang paghihiwalay ng 2D at 3D. Umunlad ang mga 2D design tool para maging parehong real-time at high-quality (kung ano ang nakikita mo, iyon ang makukuha mo), pero mas malaking computing power ang kailangan ng 3D, kaya posible lang ang real-time na trabaho sa mas mababang kalidad.

Pero malaki na ang inunlad ng teknolohiya (hardware at software), at malaki rin ang naging progreso ng aming team sa nakalipas na ilang taon, kaya naabot namin ang isang pundamental na milestone: ang pagsasama ng 3D at 2D sa iisang canvas nang real-time.

Igalaw ang mouse o i-touch para makipag-interact (Experience na gawa sa Hana)

Ang pagtatagpo ng 3D at 2D

Naniniwala kaming dapat gamitin ng isang design canvas ang lahat ng available na dimensyon, at dapat makapagpasya ang user (tao man o AI agent) kung ano ang pinakamainam para sa solusyong kailangan.

Sa kasamaang palad, kahit gumagana ito sa teorya, isang teknikal na bangungot ang pagpapatupad ng anuman sa 3D, at lalo pa itong lumalala kapag pinagsama ang dalawang sistemang ito.

Karamihan sa mga kasalukuyang design tool, o mga tradisyonal, ay binuo sa magkatulad na approach: nagtatrabaho ka sa isang preview, tapos pipindutin mo ang "render" o ihahanda ang gawa mo para sa "handoff", at may ibang magpapatupad ng totoong bagay gamit ang ibang stack.

Sa madaling salita, halos lahat ng kasalukuyang design tool ay hindi real-time, kaya karaniwang kailangan ng 3D ang mga espesyal na tool na ang output ay sa huli'y pinoproseso o ine-embed bilang mga flat na larawan o video; hindi nae-edit at hindi interactive. Mabagal na proseso ito na hindi tugma sa mga pamantayan ng design workflow ngayon.

Kailangan ng bagong approach para baguhin ito.

Mga experience na gawa sa Hana

Real-time ang pundasyon

Nang buuin namin ang Hana, ginawa namin itong real-time habang kaya ring mag-render ng kahit ano na kayang i-render sa 2D. Ibig sabihin, kaya ng renderer ng Hana ang lahat ng uri ng pixel-perfect na effect (gaya ng mga shadow, blur, atbp.), mga vector shape, boolean at iba pa, lahat nang real-time.

Ibig sabihin din nito, magagamit namin ang effects pipeline ng Hana para mag-render din ng 3D graphics nang real-time.

Sa madaling salita, kayang pagsamahin ng Hana ang 3D at 2D.

Mga vector na ginawang real-time 3D gamit ang Hana

Ang paglalakbay para pagsamahin ang dalawang mundo

Mukhang madaling gawain ang pagdaragdag ng 3D sa isang 2D canvas, pero sa totoo, napakaraming hamon. Kadalasan, kailangan nitong magpatakbo ng dalawang renderer nang sabay o pagsamahin ang maraming runtime, na nagreresulta sa mahahabang download time na hindi mainam.

Iisang runtime ang ginagamit ng Hana para sa 3D at 2D, kaya mas episyente ito at mas flexible.

Isa pang pangunahing isyu ang kalidad, o mas tamang sabihin, ang kakulangan nito.

Mahirap pagsamahin ang dalawang sistema sa iisa habang pinapanatili ang parehong antas ng kalidad, dahil sumasaklaw ang kalidad ng 3D sa ilang salik: anti-aliasing, resolution, polycount (o mataas na voxel density), dami ng object at iba pa.

Sa Hana, makakagawa ka ng anumang 2D shape at mako-convert ito sa isang 3D object habang pinapanatili ang real-time na koneksyon sa orihinal na hugis.

Ibig sabihin, anumang oras, mababago mo ang orihinal na hugis, at muling mabubuo nang real-time ang 3D object kaugnay ng orihinal na hugis.

Malaki ang naitutulong nito sa produktibidad sa paggawa ng 3D sa loob ng isang 2D na komposisyon. Halimbawa, madali kang makakagawa ng 3D text at mababago ang kulay, font o iba pang property nito habang pinapanatili ang lahat ng flexibility ng text sa isang non-destructive na workflow.

Puwedeng mag-update nang dynamic ang mga layout, at susundin ng mga 3D object ang mga patakaran ng 2D na komposisyon.

Mga experience na gawa sa Hana 3D Shapes

Sinusunod ng 3D ang 2D

Sa Hana, may sariling coordinate system ang bawat 3D object. Gayunpaman, patuloy nitong sinusunod ang mga patakaran at behavior ng 2D canvas, kaya mailalapat mo sa mga 3D object ang anumang karaniwan mong ginagamit sa mga 2D object.

Nagbubukas ito ng malawak na hanay ng mga posibilidad sa design.

Mga experience na gawa sa Hana 3D Shapes

Mga limitasyon

Sa ngayon, limitadong bilang lang ng mga feature ang available sa 3D/2D system ng Hana.

Puwede mong i-extrude sa 3D ang anumang 2D shape at may sapat kang kontrol sa mga material, pero marami pang puwang para sa mga bagong posibilidad.

Sa ideal na sitwasyon, dapat kayang mag-render ng 3D system ng anumang uri ng 3D object o scene at mas kaunti ang limitasyon.

Mga experience na gawa sa Hana 3D Shapes

Simula pa lang ito

Masipag kaming nagtrabaho sa Spline sa nakalipas na ilang taon para bumuo ng isang magkakaugnay na design system na pinagsasama ang 2D, 3D at, balang araw, 4D.

Excited na kaming magpatuloy sa pag-usad patungo sa kapana-panabik na bagong hinaharap na ito.

— Ang Spline Team 🌸

Buksan ang Hana

Iba pa mula sa blog