# Cetuskan Interaksi Berdasarkan Jarak Menggunakan Peristiwa Distance - Spline 101 | Bina Adegan Interaktif Pertama Anda - 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. [Kursus](https://spline.design/ms/academy/collections)
3. [Spline 101 | Bina Adegan Interaktif Pertama Anda](https://spline.design/ms/academy/collections/spline-101-build-your-first-interactive-scene)
4. Cetuskan Interaksi Berdasarkan Jarak Menggunakan Peristiwa Distance

# Cetuskan Interaksi Berdasarkan Jarak Menggunakan Peristiwa Distance

Pelajaran 11 daripada 16Spline 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

## Seterusnya

[Cara Menganimasikan Watak 3D yang Berjalan14 minPemula](https://spline.design/ms/academy/collections/spline-101-build-your-first-interactive-scene/how-to-animate-a-3d-walking-character)[Teruskan](https://spline.design/ms/academy/collections/spline-101-build-your-first-interactive-scene/how-to-animate-a-3d-walking-character)

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