# Cetuskan Interaksi Berdasarkan Jarak Menggunakan Peristiwa Distance - Spline Academy (https://spline.design/ms/academy/tutorials/trigger-interactions-with-proximity-using-the-distance-event)

> Dalam tutorial ini, kami meneroka cara mencipta peristiwa interaktif yang dicetuskan oleh jarak menggunakan peristiwa distance.

1. [Academy](https://spline.design/ms/academy)
2. [Tutorial](https://spline.design/ms/academy/tutorials)
3. Cetuskan Interaksi Berdasarkan Jarak Menggunakan Peristiwa Distance

# Cetuskan Interaksi Berdasarkan Jarak Menggunakan Peristiwa Distance

Spline 3DPemula6 min

Dalam tutorial ini, kami meneroka cara mencipta peristiwa interaktif yang dicetuskan oleh jarak menggunakan peristiwa distance.

Kami menunjukkan cara menjadikan satu objek bergerak ke arah objek lain apabila ia berdekatan, dan menjadikan interaksi itu mencetuskan tindakan secara automatik, seperti memainkan animasi atau kesan bunyi. Ia cara yang bagus untuk mencipta adegan yang terasa hidup dan responsif terhadap apa yang berlaku di sekelilingnya.

Demo: <https://app.spline.design/file/29466ae6-7e47-4edc-8198-0ce78b80eead>

\---

Temui lebih ramai pencipta dan projek hebat #MadeInSpline di <https://community.spline.design/>

## Apa yang akan anda pelajari

1. [0:00Pengenalan](https://www.youtube.com/watch?v=9U0l2%5FeKVMQ&t=0s)
2. [0:43Menambah Game Controls](https://www.youtube.com/watch?v=9U0l2%5FeKVMQ&t=43s)
3. [1:15Mencipta Animasi Kiub](https://www.youtube.com/watch?v=9U0l2%5FeKVMQ&t=75s)
4. [1:58Mencipta Kumpulan Bekas](https://www.youtube.com/watch?v=9U0l2%5FeKVMQ&t=118s)
5. [2:10Menyediakan Peristiwa Distance](https://www.youtube.com/watch?v=9U0l2%5FeKVMQ&t=130s)
6. [2:21Menyemak Tetapan Peristiwa Distance](https://www.youtube.com/watch?v=9U0l2%5FeKVMQ&t=141s)
7. [4:23Contoh Permainan Mini](https://www.youtube.com/watch?v=9U0l2%5FeKVMQ&t=263s)
8. [4:58Petua: Menambah Kesan Bunyi](https://www.youtube.com/watch?v=9U0l2%5FeKVMQ&t=298s)

## Sumber berkaitan

- [Distance Event logicTemplat](https://app.spline.design/academy/tutorials/trigger-interactions-with-proximity-using-the-distance-event?redirect-duplicate-template-uuid=59acf8de-0d15-4f58-9719-f032a3b6d702&is-2d-file=false)
- [How state-based animation worksDokumen](https://docs.spline.design/interaction-states-events-and-actions/how-state-based-animation-works)
- [Distance EventDokumen](https://docs.spline.design/interaction-states-events-and-actions/events/distance-event)

## Gambaran keseluruhan

- Spline 3D
- 6 min
- Pemula

## Sebahagian daripada

- [Spline 101 | Bina Adegan Interaktif Pertama Anda](https://spline.design/ms/academy/collections/spline-101-build-your-first-interactive-scene/trigger-interactions-with-proximity-using-the-distance-event)

## Tutorial berkaitan

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

[Tambah Interaksi Berasaskan Tetikus pada Objek 3DSpline 3DPemula14 min](https://spline.design/ms/academy/tutorials/add-mouse-based-interactions-to-3d-objects)[Cara Membina Bola 3D Reaktif dengan Gerakan dan InteraksiSpline 3DPertengahan7 min](https://spline.design/ms/academy/tutorials/how-to-build-a-reactive-3d-orb-with-motion-and-interaction)[Cara Mencipta Visualisasi Data 3D dalam Spline Menggunakan Pemboleh Ubah dan API Masa NyataSpline 3DLanjutan15 min](https://spline.design/ms/academy/tutorials/how-to-create-3d-data-visualizations-in-spline-using-variables-and-real-time-apis)

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