# Membuat Interaksi Follow 2D - Hana | Semua yang Perlu Anda Ketahui - Spline Academy (https://spline.design/id/academy/tutorials/create-a-2d-follow-interaction)

> Jika ini pertama kalinya Anda mencoba desain 2D interaktif, ini tempat yang tepat untuk memulai! 😉 Dalam tutorial ini, kami akan memandu Anda langkah demi…

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. Membuat Interaksi Follow 2D

# Membuat Interaksi Follow 2D

Pelajaran 6 dari 15HanaPemula8 mnt

Jika ini pertama kalinya Anda mencoba desain 2D interaktif, ini tempat yang tepat untuk memulai! 😉 Dalam tutorial ini, kami akan memandu Anda langkah demi langkah untuk membuat interaksi 2D yang mengikuti kursor Anda (atau melacak sentuhan di perangkat mobile) dengan mudah memakai Hana, kanvas real-time baru untuk mendesain dan menganimasikan pengalaman 2D interaktif.

Kita akan membangun interaksi yang seru ini dengan menerapkan event Follow untuk menciptakan reaksi berantai yang halus dan mengalir. Ini cara yang menyenangkan dan mudah untuk menambahkan sedikit gerakan dan karakter pada situs web atau proyek Anda.

Demo 👉 <https://app.spline.design/ui/98440491-bf75-4e54-ab6f-afa16fc04f7e>

Pelajari cara membuatnya dalam 3D dengan editor 3D Spline: <https://youtu.be/TQe5Ae16rE8>

## Yang akan Anda pelajari

1. [0:00Memulai](https://www.youtube.com/watch?v=bKrapjgDBNo&t=0s)
2. [0:49Membuat elips dan menerapkan event Follow](https://www.youtube.com/watch?v=bKrapjgDBNo&t=49s)
3. [2:41Menyesuaikan nilai damping dan ukuran](https://www.youtube.com/watch?v=bKrapjgDBNo&t=161s)
4. [6:10Mengekspor dan menyematkan desain](https://www.youtube.com/watch?v=bKrapjgDBNo&t=370s)

## Sumber terkait

- [Follow CirclesTemplate](https://app.spline.design/academy/tutorials/create-a-2d-follow-interaction?redirect-duplicate-template-uuid=3b7c3f0a-306e-4a88-aa07-e705edb96030&is-2d-file=true)
- [Designing in HanaDokumen](https://docs.spline.design/hana-a-canvas-for-interactivity/designing-in-hana)
- [Hana EventsDokumen](https://docs.spline.design/hana-a-canvas-for-interactivity/interactivity-in-hana#hana-events)
- [Exporting as EmbedDokumen](https://docs.spline.design/hana-a-canvas-for-interactivity/exporting-in-hana#exporting-as-embed-link)

## Ikhtisar

- Hana
- 8 mnt
- Pemula

## Berikutnya

[Mendesain Efek Interaktif dengan Progressive Blur dan Gradien Halus9 mntPemula](https://spline.design/id/academy/collections/hana-everything-you-need-to-know/design-interactive-effects-with-progressive-blur-and-smoothing-gradients)[Lanjutkan](https://spline.design/id/academy/collections/hana-everything-you-need-to-know/design-interactive-effects-with-progressive-blur-and-smoothing-gradients)

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