# Cipta Interaksi Follow 2D - Spline Academy (https://spline.design/ms/academy/tutorials/create-a-2d-follow-interaction)

> Jika ini kali pertama anda mencuba reka bentuk 2D interaktif, inilah tempat yang bagus untuk bermula! 😉 Dalam tutorial ini, kami akan membimbing anda…

1. [Academy](https://spline.design/ms/academy)
2. [Tutorial](https://spline.design/ms/academy/tutorials)
3. Cipta Interaksi Follow 2D

# Cipta Interaksi Follow 2D

HanaPemula8 min

Jika ini kali pertama anda mencuba reka bentuk 2D interaktif, inilah tempat yang bagus untuk bermula! 😉 Dalam tutorial ini, kami akan membimbing anda langkah demi langkah tentang cara mencipta interaksi 2D yang mengikut kursor anda (atau menjejak input sentuhan pada peranti mudah alih) dengan mudah menggunakan Hana, kanvas masa nyata baharu untuk mereka bentuk dan menganimasikan pengalaman 2D interaktif.

Kami akan membina interaksi yang menyeronokkan ini dengan menggunakan peristiwa Follow untuk mencipta tindak balas berantai yang licin dan mengalir. Ia cara yang menyeronokkan dan mudah untuk menambah sedikit gerakan dan personaliti pada laman web atau projek anda.

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

Ketahui cara mencipta ini dalam 3D menggunakan Editor 3D Spline: <https://youtu.be/TQe5Ae16rE8>

## Apa yang akan anda pelajari

1. [0:00Bermula](https://www.youtube.com/watch?v=bKrapjgDBNo&t=0s)
2. [0:49Mencipta Elips dan Menggunakan Peristiwa Follow](https://www.youtube.com/watch?v=bKrapjgDBNo&t=49s)
3. [2:41Melaraskan Nilai Redaman dan Saiz](https://www.youtube.com/watch?v=bKrapjgDBNo&t=161s)
4. [6:10Mengeksport dan Membenamkan Reka Bentuk](https://www.youtube.com/watch?v=bKrapjgDBNo&t=370s)

## Sumber berkaitan

- [Follow CirclesTemplat](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)

## Gambaran keseluruhan

- Hana
- 8 min
- Pemula

## Sebahagian daripada

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

## Tutorial berkaitan

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

[Bermula dengan 2D Interaktif dalam HanaHanaPemula17 min](https://spline.design/ms/academy/tutorials/get-started-with-interactive-2d-in-hana)[Cara Menganimasikan Sepanjang Laluan dengan Hana dan SplineHanaPemula7 min](https://spline.design/ms/academy/tutorials/how-to-animate-along-a-path-with-hana-and-spline)[Cipta Reka Bentuk Interaktif yang Bertindak Balas terhadap Tetikus Anda dengan HanaHanaPemula6 min](https://spline.design/ms/academy/tutorials/create-interactive-designs-that-react-to-your-mouse-with-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.