# Memulai 2D Interaktif di Hana - Hana | Semua yang Perlu Anda Ketahui - Spline Academy (https://spline.design/id/academy/tutorials/get-started-with-interactive-2d-in-hana)

> Hana adalah kanvas desain 2D real-time baru di Spline yang memungkinkan Anda membuat scene beranimasi dan interaktif langsung di browser. Video pengantar…

1. [Academy](https://spline.design/id/academy)
2. [Kursus](https://spline.design/id/academy/collections)
3. [Hana | Semua yang Perlu Anda Ketahui](https://spline.design/id/academy/collections/hana-everything-you-need-to-know)
4. Memulai 2D Interaktif di Hana

# Memulai 2D Interaktif di Hana

Pelajaran 1 dari 15HanaPemula17 mnt

Hana adalah kanvas desain 2D real-time baru di Spline yang memungkinkan Anda membuat scene beranimasi dan interaktif langsung di browser. Video pengantar ini dirancang untuk membantu pengguna mengenal antarmukanya dan memandu pemula dalam membuat event 2D interaktif.

Panduan ini membahas antarmuka, fitur, state, event, dan opsi ekspor, sekaligus menunjukkan cara membuat animasi dan membagikan desain.

Baik Anda baru memulai maupun ingin mengembangkan keterampilan, video ini akan memberi Anda fondasi untuk mulai berkarya dengan Hana.

✨ Lihat dan duplikasi scene dari video ini: <https://app.spline.design/ui/56d99098-8346-4abe-9e0a-674fdd6dcb0c>

Temukan lebih banyak kreator dan proyek luar biasa #MadeInSpline di <https://community.spline.design/>

## Yang akan Anda pelajari

1. [0:00Intro](https://www.youtube.com/watch?v=DD8z1voLghU&t=0s)
2. [0:26Cara membuat file desain 2D](https://www.youtube.com/watch?v=DD8z1voLghU&t=26s)
3. [0:55Menjelajahi antarmuka dan fitur Hana](https://www.youtube.com/watch?v=DD8z1voLghU&t=55s)
4. [7:47Cara menambahkan animasi dan interaktivitas ke desain 2D Anda](https://www.youtube.com/watch?v=DD8z1voLghU&t=467s)
5. [9:24Membuat contoh interaksi sederhana](https://www.youtube.com/watch?v=DD8z1voLghU&t=564s)
6. [13:51Cara mengekspor dan menyematkan desain Anda](https://www.youtube.com/watch?v=DD8z1voLghU&t=831s)
7. [15:58Cara membagikan desain dan mengatur izin edit](https://www.youtube.com/watch?v=DD8z1voLghU&t=958s)

## Sumber terkait

- [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)

## Ikhtisar

- Hana
- 17 mnt
- Pemula

## Berikutnya

[Tambahkan Dimensi ke Desain Hana dengan Efek 3D Shape3 mntPemula](https://spline.design/id/academy/collections/hana-everything-you-need-to-know/add-dimension-to-hana-designs-with-the-3d-shape-effect)[Lanjutkan](https://spline.design/id/academy/collections/hana-everything-you-need-to-know/add-dimension-to-hana-designs-with-the-3d-shape-effect)

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

Editor 3D dan 2D untuk tim dan agen mereka. Rilis ke web, iOS, dan Android.

#### Tanya AI tentang Spline

#### Produk

- [Desain 3D](https://spline.design/id/3d-design)
- [Hana](https://spline.design/id/hana)
- [Omma](https://omma.build)
- [Pembuatan 3D dengan AI](https://spline.design/id/ai-generate)
- [Spline MCP](https://spline.design/id/mcp)
- [Spline Arena](https://spline.design/id/arena)
- [Harga](https://spline.design/id/pricing)
- [Enterprise](https://spline.design/id/enterprise)

#### Runtime

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

#### Aplikasi

- [Unduh](https://spline.design/id/download)
- [Spline Mirror](https://spline.design/spline-mirror)
- [Unduh Spline Mirror](https://spline.design/download-mirror)

#### Belajar

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

#### Komunitas

- [Komunitas Spline](https://community.spline.design)
- [Blog](https://spline.design/id/blog)
- [Changelog](https://spline.design/id/changelog)
- [Pendidikan](https://spline.design/id/education)
- [Contra](https://spline.design/contra)
- [Afiliasi](https://spline.design/id/affiliate)

#### Perusahaan

- [Pelanggan](https://spline.design/id/customers)
- [Karier](https://www.ycombinator.com/companies/spline/jobs)
- [Keamanan](https://spline.design/id/security)

#### Legal

- [Syarat & Ketentuan](https://spline.design/terms)
- [Privasi](https://spline.design/privacy)

#### Kontak

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

© 2026 - Spline, Inc.