# Memicu Interaksi Berdasarkan Kedekatan dengan Event Distance - Spline Academy (https://spline.design/id/academy/tutorials/trigger-interactions-with-proximity-using-the-distance-event)

> Dalam tutorial ini, kita menjelajahi cara membuat event interaktif yang dipicu oleh kedekatan dengan event distance.

1. [Academy](https://spline.design/id/academy)
2. [Tutorial](https://spline.design/id/academy/tutorials)
3. Memicu Interaksi Berdasarkan Kedekatan dengan Event Distance

# Memicu Interaksi Berdasarkan Kedekatan dengan Event Distance

Spline 3DPemula6 mnt

Dalam tutorial ini, kita menjelajahi cara membuat event interaktif yang dipicu oleh kedekatan dengan event distance.

Kami menunjukkan cara membuat satu objek bergerak menuju objek lain saat keduanya berdekatan, dan membuat interaksi itu otomatis memicu sebuah action, seperti memutar animasi atau efek suara. Ini cara yang bagus untuk membuat scene yang terasa hidup dan responsif terhadap apa yang terjadi di sekitarnya.

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

\---

Temukan lebih banyak kreator dan proyek luar biasa #MadeInSpline di <https://community.spline.design/>

## Yang akan Anda pelajari

1. [0:00Intro](https://www.youtube.com/watch?v=9U0l2%5FeKVMQ&t=0s)
2. [0:43Menambahkan kontrol game](https://www.youtube.com/watch?v=9U0l2%5FeKVMQ&t=43s)
3. [1:15Membuat animasi kubus](https://www.youtube.com/watch?v=9U0l2%5FeKVMQ&t=75s)
4. [1:58Membuat grup kontainer](https://www.youtube.com/watch?v=9U0l2%5FeKVMQ&t=118s)
5. [2:10Menyiapkan event Distance](https://www.youtube.com/watch?v=9U0l2%5FeKVMQ&t=130s)
6. [2:21Memeriksa pengaturan event Distance](https://www.youtube.com/watch?v=9U0l2%5FeKVMQ&t=141s)
7. [4:23Contoh mini game](https://www.youtube.com/watch?v=9U0l2%5FeKVMQ&t=263s)
8. [4:58Tips: Menambahkan efek suara](https://www.youtube.com/watch?v=9U0l2%5FeKVMQ&t=298s)

## Sumber terkait

- [Distance Event logicTemplate](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)

## Ikhtisar

- Spline 3D
- 6 mnt
- Pemula

## Bagian dari

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

## Tutorial terkait

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

[Menambahkan Interaksi Berbasis Mouse ke Objek 3DSpline 3DPemula14 mnt](https://spline.design/id/academy/tutorials/add-mouse-based-interactions-to-3d-objects)[Cara Membuat Bola 3D Reaktif dengan Gerakan dan InteraksiSpline 3DMenengah7 mnt](https://spline.design/id/academy/tutorials/how-to-build-a-reactive-3d-orb-with-motion-and-interaction)[Cara Membuat Visualisasi Data 3D di Spline dengan Variabel dan API Real-TimeSpline 3DLanjutan15 mnt](https://spline.design/id/academy/tutorials/how-to-create-3d-data-visualizations-in-spline-using-variables-and-real-time-apis)

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