Ipinapakilala ang Hana

Buksan ang Hana

Nagdadala ang Hana ng bagong approach sa interactive design. Binuo mula sa simula nang may performance sa ubod nito, ang Hana ay isang real-time na canvas para magdisenyo at mag-animate ng mga interactive na 2D experience — mula sa pulidong interface hanggang sa mga dynamic na visual — at ihatid ang mga ito sa production.

Binibigyan ka ng Hana ng kakayahang gumawa ng masaganang state-based na content na kumikilos, tumutugon at nagre-react sa loob ng isang mabilis at infinite na canvas.

Mga Kakayahan

Para sa Hana, bumuo kami ng bagong uri ng render engine na kayang magproseso ng vector data nang napakabilis, nang real-time. Nagbibigay ito sa mga creator ng modernong vector network editing, mga state-based na transition at mga GPU-accelerated na effect — lahat sa isang collaborative at browser-native na environment.

Production-ready bilang default ang lahat ng idinidisenyo mo sa Hana. Simpleng hugis man o komplikadong interactive experience, ginawa ang engine ng Hana para hawakan ang mga real-time na interaction na madaling ma-embed sa anumang website o app.

Mula sa eksaktong vector drawing hanggang sa mga soft shadow at blur, pinagsasama ng Hana ang lakas at pagiging simple sa paraang magaan ang pakiramdam — pero walang hangganan.

Real-Time na Design Collaboration

Puwedeng maging mga playable na component ang mga Frame sa Hana na kumikilos nang hiwalay, lahat sa loob ng editor. Pinapasimple nito ang proseso ng paggawa dahil hindi na kailangan ng "Animate" mode. Sa halip, puwede ka nang makipag-interact sa experience mo sa direktang pag-play nito sa isang Frame sa editor. Puwede ring i-export nang isa-isa ang mga Frame bilang mga live URL, larawan, at iba pa sa hinaharap.

Mag-share ng link, at agad na makakasali ang mga collaborator para maranasan at mag-ambag sa canvas mo. Live na lumalabas ang bawat edit. Agad ang feedback. Multiplayer ito by design, at ginawa nang tama.

Ginagamit ng Hana ang real-time collaboration system ng 3D editor ng Spline, na suportado na, kaya mas mabilis makakakilos at mananatiling magkakasabay ang team mo.

Mga Vector Network nang Real-time

Ang mga vector network (isang konseptong ipinakilala ng Figma noong 2016) ay nagbibigay-daan para magkonekta ng higit sa dalawang linya sa iisang punto, kaya mas madaling gumawa ng lahat ng uri ng hugis.

Dinadala ito ng Hana sa susunod na level, sa pagpapakilala ng kauna-unahang sistema na nagbibigay-daan sa paggawa ng mga vector network para sa isang real-time na environment.

Dagdag pa, hinahayaan ka ng mga multi-level na boolean na gumawa ng mga advanced na hugis at fluid effect para madaling makamit ang mga komplikado at nai-a-animate na hugis.

Mga Interaction at Animation

Gumamit ng mga event-driven na interaction para magdagdag ng behavior sa mga design mo — mula sa mga hover state hanggang sa keyboard input. Mag-animate ng mga transition, bumuo ng mga flow, at mag-eksperimento sa galaw mismo sa canvas. Walang pagpapalit ng tool.

Sa Hana, nagiging bahagi ng proseso ng design ang galaw at interactivity, hindi isang pahabol lang.

I-export at I-share para sa production

Katulad ng 3D Editor ng Spline, sa Hana ay makakagawa ka ng mga live na interactive link mula sa anumang Frame. Naka-optimize ang lahat para sa pag-embed sa isang production-ready na environment, kaya kasing-ganda ng itsura ng gawa mo sa deployment gaya ng sa editor.

Ang susunod na panahon ng interactivity

Isa itong bagong medium para sa interactive na pag-iisip. Nagdidisenyo ka man ng produkto, gumagawa ng UI interaction o lumilikha ng masaganang interactive experience, matutulungan ka ng Hana na bigyang-buhay ang mga ideya mo.

Ang Hana ang pundasyon ng marami pang darating.

Ito ang unang hakbang sa isang mas malawak na vision ng tinatawag na ngayong ecosystem ng Spline, kung saan maayos na nagsasama at nadedeploy ang design sa 2D/3D at ang interactivity.

Excited na kaming makita ang gagawin mo gamit ang Hana!

— Ang Spline Team 🌸

Alamin pa