# Hana | Semua yang Perlu Anda Ketahui - Spline Academy (https://spline.design/ms/academy/collections/hana-everything-you-need-to-know) > Fahami prinsip dan aliran kerja di sebalik penciptaan pengalaman interaktif masa nyata yang sedia produksi menggunakan Hana 1. [Academy](https://spline.design/ms/academy) 2. [Kursus](https://spline.design/ms/academy/collections) 3. Hana | Semua yang Perlu Anda Ketahui # Hana | Semua yang Perlu Anda Ketahui Fahami prinsip dan aliran kerja di sebalik penciptaan pengalaman interaktif masa nyata yang sedia produksi menggunakan Hana [Mulakan kursus](https://spline.design/ms/academy/collections/hana-everything-you-need-to-know/get-started-with-interactive-2d-in-hana) 15 pelajaranPemula2 j 03 min ## Pelajaran 1. [01Bermula dengan 2D Interaktif dalam Hana17 min](https://spline.design/ms/academy/collections/hana-everything-you-need-to-know/get-started-with-interactive-2d-in-hana) 2. [02Tambah Dimensi pada Reka Bentuk Hana dengan Kesan 3D Shape3 min](https://spline.design/ms/academy/collections/hana-everything-you-need-to-know/add-dimension-to-hana-designs-with-the-3d-shape-effect) 3. [03Reka Bentuk Interaksi dengan Liquid Glass & 3D Transforms dalam Hana16 min](https://spline.design/ms/academy/collections/hana-everything-you-need-to-know/design-interactions-with-liquid-glass-3d-transforms-in-hana) 4. [04Terokai Unjuran 3D dan Kesan Hingar8 min](https://spline.design/ms/academy/collections/hana-everything-you-need-to-know/explore-3d-projections-and-noise-effects) 5. [05Cipta Reka Bentuk Interaktif yang Bertindak Balas terhadap Tetikus Anda dengan Hana6 min](https://spline.design/ms/academy/collections/hana-everything-you-need-to-know/create-interactive-designs-that-react-to-your-mouse-with-hana) 6. [06Cipta Interaksi Follow 2D8 min](https://spline.design/ms/academy/collections/hana-everything-you-need-to-know/create-a-2d-follow-interaction) 7. [07Reka Bentuk Kesan Interaktif dengan Progressive Blur dan Gradien Licin9 min](https://spline.design/ms/academy/collections/hana-everything-you-need-to-know/design-interactive-effects-with-progressive-blur-and-smoothing-gradients) 8. [08Cipta Suis Interaktif dengan Progressive Blur dan Gradien4 min](https://spline.design/ms/academy/collections/hana-everything-you-need-to-know/create-an-interactive-switch-with-progressive-blur-and-gradients) 9. [09Reka Bentuk Ikon Interaktif yang Licin dalam Hana7 min](https://spline.design/ms/academy/collections/hana-everything-you-need-to-know/design-smooth-interactive-icons-in-hana) 10. [10Bina Papan Kekunci Interaktif dengan Hana9 min](https://spline.design/ms/academy/collections/hana-everything-you-need-to-know/build-an-interactive-keyboard-with-hana) 11. [11Cara Menganimasikan Sepanjang Laluan dengan Hana dan Spline7 min](https://spline.design/ms/academy/collections/hana-everything-you-need-to-know/how-to-animate-along-a-path-with-hana-and-spline) 12. [12Reka Bentuk dan Animasikan dengan Topeng Vektor7 min](https://spline.design/ms/academy/collections/hana-everything-you-need-to-know/design-and-animate-with-vector-masks) 13. [13Mencipta Teks 3D Membias dalam Hana7 min](https://spline.design/ms/academy/collections/hana-everything-you-need-to-know/creating-refractive-3d-text-in-hana) 14. [14Cara Mereka Bentuk Berlian 3D Realistik dalam Hana7 min](https://spline.design/ms/academy/collections/hana-everything-you-need-to-know/how-to-design-a-realistic-3d-diamond-in-hana) 15. [15Cara Menggunakan Penjanaan Imej AI dalam Hana8 min](https://spline.design/ms/academy/collections/hana-everything-you-need-to-know/how-to-use-ai-image-generation-in-hana) [Spline](https://spline.design/ms) Editor 3D dan 2D untuk pasukan dan ejen mereka. Terbitkan ke web, iOS dan Android. #### Tanya AI tentang Spline #### Produk - [Reka Bentuk 3D](https://spline.design/ms/3d-design) - [Hana](https://spline.design/ms/hana) - [Omma](https://omma.build) - [Penjanaan 3D AI](https://spline.design/ms/ai-generate) - [Spline MCP](https://spline.design/ms/mcp) - [Spline Arena](https://spline.design/ms/arena) - [Harga](https://spline.design/ms/pricing) - [Perusahaan](https://spline.design/ms/enterprise) #### Runtime - [Web](https://spline.design/ms/web) - [iOS](https://spline.design/ms/ios) - [Android](https://spline.design/ms/android) #### Aplikasi - [Muat Turun](https://spline.design/ms/download) - [Spline Mirror](https://spline.design/spline-mirror) - [Muat turun Spline Mirror](https://spline.design/download-mirror) #### Belajar - [Docs](https://docs.spline.design/) - [Academy](https://spline.design/ms/academy) - [API Spline](https://www.npmjs.com/package/@splinetool/runtime) - [Penyelesaian](https://spline.design/solutions) #### Komuniti - [Komuniti Spline](https://community.spline.design) - [Blog](https://spline.design/ms/blog) - [Log Perubahan](https://spline.design/ms/changelog) - [Pendidikan](https://spline.design/ms/education) - [Contra](https://spline.design/contra) - [Afiliat](https://spline.design/ms/affiliate) #### Syarikat - [Pelanggan](https://spline.design/ms/customers) - [Kerjaya](https://www.ycombinator.com/companies/spline/jobs) - [Keselamatan](https://spline.design/ms/security) #### Undang-undang - [Terma & Syarat](https://spline.design/terms) - [Privasi](https://spline.design/privacy) #### Hubungi - [help@spline.design](mailto:help@spline.design) - [jobs@spline.design](mailto:jobs@spline.design) © 2026 - Spline, Inc.