# Magsimula sa Interactive 2D sa Hana - Hana | Lahat ng Kailangan Mong Malaman - Spline Academy (https://spline.design/fil/academy/tutorials/get-started-with-interactive-2d-in-hana)

> Ang Hana ay isang bagong real-time na 2D design canvas sa Spline na hinahayaan kang gumawa ng mga animated at interactive na scene mismo sa browser. Ginawa…

1. [Academy](https://spline.design/fil/academy)
2. [Mga Kurso](https://spline.design/fil/academy/collections)
3. [Hana | Lahat ng Kailangan Mong Malaman](https://spline.design/fil/academy/collections/hana-everything-you-need-to-know)
4. Magsimula sa Interactive 2D sa Hana

# Magsimula sa Interactive 2D sa Hana

Aralin 1 ng 15HanaBaguhan17 min

Ang Hana ay isang bagong real-time na 2D design canvas sa Spline na hinahayaan kang gumawa ng mga animated at interactive na scene mismo sa browser. Ginawa ang introductory video na ito para matulungan ang mga user na makilala ang interface at gabayan ang mga baguhan sa proseso ng paggawa ng mga interactive na 2D event.

Saklaw ng walkthrough ang interface, mga feature, state, event at mga opsyon sa export, habang ipinapakita rin kung paano gumawa ng mga animation at mag-share ng mga design.

Nagsisimula ka pa lang man o gusto mong palawakin ang skills mo, bibigyan ka ng video na ito ng pundasyon para magsimulang gumawa gamit ang Hana.

✨ Silipin at i-duplicate ang mga scene mula sa video: <https://app.spline.design/ui/56d99098-8346-4abe-9e0a-674fdd6dcb0c>

Tumuklas ng iba pang kahanga-hangang creator at project #MadeInSpline sa <https://community.spline.design/>

## Ang matututunan mo

1. [0:00Intro](https://www.youtube.com/watch?v=DD8z1voLghU&t=0s)
2. [0:26Paano gumawa ng 2D design file](https://www.youtube.com/watch?v=DD8z1voLghU&t=26s)
3. [0:55Pagtuklas sa interface at mga feature ng Hana](https://www.youtube.com/watch?v=DD8z1voLghU&t=55s)
4. [7:47Paano magdagdag ng mga animation at interactivity sa mga 2D design mo](https://www.youtube.com/watch?v=DD8z1voLghU&t=467s)
5. [9:24Paggawa ng isang simpleng halimbawa ng interaction](https://www.youtube.com/watch?v=DD8z1voLghU&t=564s)
6. [13:51Paano i-export at i-embed ang design mo](https://www.youtube.com/watch?v=DD8z1voLghU&t=831s)
7. [15:58Paano i-share ang mga design mo at mag-set ng mga editing permission](https://www.youtube.com/watch?v=DD8z1voLghU&t=958s)

## Mga kaugnay na resource

- [Hana Public DemosTemplate](https://app.spline.design/academy/tutorials/get-started-with-interactive-2d-in-hana?redirect-duplicate-template-uuid=91cbe967-5529-4c64-aa6c-7872116ddb5a&is-2d-file=true)

## Overview

- Hana
- 17 min
- Baguhan

## Susunod

[Bigyan ng Dimensyon ang mga Hana Design gamit ang 3D Shape Effect3 minBaguhan](https://spline.design/fil/academy/collections/hana-everything-you-need-to-know/add-dimension-to-hana-designs-with-the-3d-shape-effect)[Magpatuloy](https://spline.design/fil/academy/collections/hana-everything-you-need-to-know/add-dimension-to-hana-designs-with-the-3d-shape-effect)

[Spline](https://spline.design/fil)

Ang 3D at 2D editor para sa mga team at kanilang mga agent. I-publish sa web, iOS at Android.

#### Magtanong sa AI tungkol sa Spline

#### Mga Produkto

- [3D Design](https://spline.design/fil/3d-design)
- [Hana](https://spline.design/fil/hana)
- [Omma](https://omma.build)
- [AI 3D Generation](https://spline.design/fil/ai-generate)
- [Spline MCP](https://spline.design/fil/mcp)
- [Spline Arena](https://spline.design/fil/arena)
- [Presyo](https://spline.design/fil/pricing)
- [Enterprise](https://spline.design/fil/enterprise)

#### Runtimes

- [Web](https://spline.design/fil/web)
- [iOS](https://spline.design/fil/ios)
- [Android](https://spline.design/fil/android)

#### Apps

- [I-download](https://spline.design/fil/download)
- [Spline Mirror](https://spline.design/spline-mirror)
- [I-download ang Spline Mirror](https://spline.design/download-mirror)

#### Matuto

- [Docs](https://docs.spline.design/)
- [Academy](https://spline.design/fil/academy)
- [Spline API](https://www.npmjs.com/package/@splinetool/runtime)
- [Mga Solusyon](https://spline.design/solutions)

#### Community

- [Spline Community](https://community.spline.design)
- [Blog](https://spline.design/fil/blog)
- [Changelog](https://spline.design/fil/changelog)
- [Edukasyon](https://spline.design/fil/education)
- [Contra](https://spline.design/contra)
- [Affiliate](https://spline.design/fil/affiliate)

#### Kumpanya

- [Mga Customer](https://spline.design/fil/customers)
- [Careers](https://www.ycombinator.com/companies/spline/jobs)
- [Security](https://spline.design/fil/security)

#### Legal

- [Mga Tuntunin at Kundisyon](https://spline.design/terms)
- [Privacy](https://spline.design/privacy)

#### Contact

- [help@spline.design](mailto:help@spline.design)
- [jobs@spline.design](mailto:jobs@spline.design)

© 2026 - Spline, Inc.