# Membuat Interaksi Follow 2D - 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. [Tutorial](https://spline.design/id/academy/tutorials)
3. Membuat Interaksi Follow 2D

# Membuat Interaksi Follow 2D

HanaPemula8 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

## Bagian dari

- [Hana | Semua yang Perlu Anda Ketahui](https://spline.design/id/academy/collections/hana-everything-you-need-to-know/create-a-2d-follow-interaction)

## Tutorial terkait

[Semua tutorial](https://spline.design/id/academy/tutorials)

[Memulai 2D Interaktif di HanaHanaPemula17 mnt](https://spline.design/id/academy/tutorials/get-started-with-interactive-2d-in-hana)[Cara Menganimasikan di Sepanjang Lintasan dengan Hana dan SplineHanaPemula7 mnt](https://spline.design/id/academy/tutorials/how-to-animate-along-a-path-with-hana-and-spline)[Membuat Desain Interaktif yang Bereaksi terhadap Mouse dengan HanaHanaPemula6 mnt](https://spline.design/id/academy/tutorials/create-interactive-designs-that-react-to-your-mouse-with-hana)

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