# Mag-trigger ng mga Interaction ayon sa Lapit gamit ang Distance Event - Spline 101 | Gawin ang Una Mong Interactive Scene - Spline Academy (https://spline.design/fil/academy/tutorials/trigger-interactions-with-proximity-using-the-distance-event)

> Sa tutorial na ito, tutuklasin namin kung paano gumawa ng mga interactive na event na na-trigger ng lapit gamit ang distance event.

1. [Academy](https://spline.design/fil/academy)
2. [Mga Kurso](https://spline.design/fil/academy/collections)
3. [Spline 101 | Gawin ang Una Mong Interactive Scene](https://spline.design/fil/academy/collections/spline-101-build-your-first-interactive-scene)
4. Mag-trigger ng mga Interaction ayon sa Lapit gamit ang Distance Event

# Mag-trigger ng mga Interaction ayon sa Lapit gamit ang Distance Event

Aralin 11 ng 16Spline 3DBaguhan6 min

Sa tutorial na ito, tutuklasin namin kung paano gumawa ng mga interactive na event na na-trigger ng lapit gamit ang distance event.

Ipapakita namin kung paano pagalawin ang isang object papunta sa isa pa kapag nagkalapit sila, at awtomatikong mag-trigger ng action ang interaction na iyon, gaya ng pag-play ng animation o sound effect. Magandang paraan ito para gumawa ng mga scene na buhay ang pakiramdam at tumutugon sa nangyayari sa paligid nila.

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

\---

Tumuklas ng iba pang kahanga-hangang creator at project #MadeInSpline sa <https://community.spline.design/>

## Ang matututunan mo

1. [0:00Intro](https://www.youtube.com/watch?v=9U0l2%5FeKVMQ&t=0s)
2. [0:43Pagdaragdag ng mga Game Control](https://www.youtube.com/watch?v=9U0l2%5FeKVMQ&t=43s)
3. [1:15Paggawa ng Cube Animation](https://www.youtube.com/watch?v=9U0l2%5FeKVMQ&t=75s)
4. [1:58Paggawa ng Container Group](https://www.youtube.com/watch?v=9U0l2%5FeKVMQ&t=118s)
5. [2:10Pag-set up ng Distance Event](https://www.youtube.com/watch?v=9U0l2%5FeKVMQ&t=130s)
6. [2:21Pagsuri sa mga Setting ng Distance Event](https://www.youtube.com/watch?v=9U0l2%5FeKVMQ&t=141s)
7. [4:23Mga Halimbawa ng Mini-game](https://www.youtube.com/watch?v=9U0l2%5FeKVMQ&t=263s)
8. [4:58Tip: Pagdaragdag ng mga Sound Effect](https://www.youtube.com/watch?v=9U0l2%5FeKVMQ&t=298s)

## Mga kaugnay na resource

- [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 worksDokumento](https://docs.spline.design/interaction-states-events-and-actions/how-state-based-animation-works)
- [Distance EventDokumento](https://docs.spline.design/interaction-states-events-and-actions/events/distance-event)

## Overview

- Spline 3D
- 6 min
- Baguhan

## Susunod

[Paano Mag-animate ng Naglalakad na 3D Character14 minBaguhan](https://spline.design/fil/academy/collections/spline-101-build-your-first-interactive-scene/how-to-animate-a-3d-walking-character)[Magpatuloy](https://spline.design/fil/academy/collections/spline-101-build-your-first-interactive-scene/how-to-animate-a-3d-walking-character)

[Spline](https://spline.design/fil)

Ang 3D at 2D editor para sa mga team at kanilang mga agent. I-publish sa web, iOS at Android.

#### Magtanong sa AI tungkol sa Spline

#### Mga Produkto

- [3D Design](https://spline.design/fil/3d-design)
- [Hana](https://spline.design/fil/hana)
- [Omma](https://omma.build)
- [AI 3D Generation](https://spline.design/fil/ai-generate)
- [Spline MCP](https://spline.design/fil/mcp)
- [Spline Arena](https://spline.design/fil/arena)
- [Presyo](https://spline.design/fil/pricing)
- [Enterprise](https://spline.design/fil/enterprise)

#### Runtimes

- [Web](https://spline.design/fil/web)
- [iOS](https://spline.design/fil/ios)
- [Android](https://spline.design/fil/android)

#### Apps

- [I-download](https://spline.design/fil/download)
- [Spline Mirror](https://spline.design/spline-mirror)
- [I-download ang Spline Mirror](https://spline.design/download-mirror)

#### Matuto

- [Docs](https://docs.spline.design/)
- [Academy](https://spline.design/fil/academy)
- [Spline API](https://www.npmjs.com/package/@splinetool/runtime)
- [Mga Solusyon](https://spline.design/solutions)

#### Community

- [Spline Community](https://community.spline.design)
- [Blog](https://spline.design/fil/blog)
- [Changelog](https://spline.design/fil/changelog)
- [Edukasyon](https://spline.design/fil/education)
- [Contra](https://spline.design/contra)
- [Affiliate](https://spline.design/fil/affiliate)

#### Kumpanya

- [Mga Customer](https://spline.design/fil/customers)
- [Careers](https://www.ycombinator.com/companies/spline/jobs)
- [Security](https://spline.design/fil/security)

#### Legal

- [Mga Tuntunin at Kundisyon](https://spline.design/terms)
- [Privacy](https://spline.design/privacy)

#### Contact

- [help@spline.design](mailto:help@spline.design)
- [jobs@spline.design](mailto:jobs@spline.design)

© 2026 - Spline, Inc.