# Hana | Lahat ng Kailangan Mong Malaman - Spline Academy (https://spline.design/fil/academy/collections/hana-everything-you-need-to-know) > Unawain ang mga prinsipyo at workflow sa paggawa ng real-time at production-ready na mga interactive experience gamit ang Hana 1. [Academy](https://spline.design/fil/academy) 2. [Mga Kurso](https://spline.design/fil/academy/collections) 3. Hana | Lahat ng Kailangan Mong Malaman # Hana | Lahat ng Kailangan Mong Malaman Unawain ang mga prinsipyo at workflow sa paggawa ng real-time at production-ready na mga interactive experience gamit ang Hana [Simulan ang kurso](https://spline.design/fil/academy/collections/hana-everything-you-need-to-know/get-started-with-interactive-2d-in-hana) 15 aralinBaguhan2 h 03 min ## Mga Aralin 1. [01Magsimula sa Interactive 2D sa Hana17 min](https://spline.design/fil/academy/collections/hana-everything-you-need-to-know/get-started-with-interactive-2d-in-hana) 2. [02Bigyan ng Dimensyon ang mga Hana Design gamit ang 3D Shape Effect3 min](https://spline.design/fil/academy/collections/hana-everything-you-need-to-know/add-dimension-to-hana-designs-with-the-3d-shape-effect) 3. [03Magdisenyo ng mga Interaction gamit ang Liquid Glass at 3D Transforms sa Hana16 min](https://spline.design/fil/academy/collections/hana-everything-you-need-to-know/design-interactions-with-liquid-glass-3d-transforms-in-hana) 4. [04Tuklasin ang 3D Projections at Noise Effects8 min](https://spline.design/fil/academy/collections/hana-everything-you-need-to-know/explore-3d-projections-and-noise-effects) 5. [05Gumawa ng mga Interactive na Design na Tumutugon sa Mouse Mo gamit ang Hana6 min](https://spline.design/fil/academy/collections/hana-everything-you-need-to-know/create-interactive-designs-that-react-to-your-mouse-with-hana) 6. [06Gumawa ng 2D Follow Interaction8 min](https://spline.design/fil/academy/collections/hana-everything-you-need-to-know/create-a-2d-follow-interaction) 7. [07Magdisenyo ng mga Interactive Effect gamit ang Progressive Blur at Smoothing Gradients9 min](https://spline.design/fil/academy/collections/hana-everything-you-need-to-know/design-interactive-effects-with-progressive-blur-and-smoothing-gradients) 8. [08Gumawa ng Interactive na Switch gamit ang Progressive Blur at mga Gradient4 min](https://spline.design/fil/academy/collections/hana-everything-you-need-to-know/create-an-interactive-switch-with-progressive-blur-and-gradients) 9. [09Magdisenyo ng Malinis na Interactive na mga Icon sa Hana7 min](https://spline.design/fil/academy/collections/hana-everything-you-need-to-know/design-smooth-interactive-icons-in-hana) 10. [10Gumawa ng Interactive na Keyboard gamit ang Hana9 min](https://spline.design/fil/academy/collections/hana-everything-you-need-to-know/build-an-interactive-keyboard-with-hana) 11. [11Paano Mag-animate sa Kahabaan ng Path gamit ang Hana at Spline7 min](https://spline.design/fil/academy/collections/hana-everything-you-need-to-know/how-to-animate-along-a-path-with-hana-and-spline) 12. [12Magdisenyo at Mag-animate gamit ang mga Vector Mask7 min](https://spline.design/fil/academy/collections/hana-everything-you-need-to-know/design-and-animate-with-vector-masks) 13. [13Paggawa ng Refractive na 3D Text sa Hana7 min](https://spline.design/fil/academy/collections/hana-everything-you-need-to-know/creating-refractive-3d-text-in-hana) 14. [14Paano Magdisenyo ng Makatotohanang 3D Diamond sa Hana7 min](https://spline.design/fil/academy/collections/hana-everything-you-need-to-know/how-to-design-a-realistic-3d-diamond-in-hana) 15. [15Paano Gamitin ang AI Image Generation sa Hana8 min](https://spline.design/fil/academy/collections/hana-everything-you-need-to-know/how-to-use-ai-image-generation-in-hana) [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.