# Trigger Interactions with Proximity Using the Distance Event - Spline Academy (https://spline.design/academy/tutorials/trigger-interactions-with-proximity-using-the-distance-event)

> In this tutorial, we explore how to create interactive events triggered by proximity using the distance event.

1. [Academy](https://spline.design/academy)
2. [Tutorials](https://spline.design/academy/tutorials)
3. Trigger Interactions with Proximity Using the Distance Event

# Trigger Interactions with Proximity Using the Distance Event

Spline 3DBeginner6 min

In this tutorial, we explore how to create interactive events triggered by proximity using the distance event.

We show how to make one object move toward another when they get close, and have that interaction automatically trigger an action, like playing an animation or sound effect. It’s a great way to create scenes that feel alive and responsive to what's happening around them.

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

\---

Discover more amazing creators and projects #MadeInSpline at <https://community.spline.design/>

## What you’ll learn

1. [0:00Intro](https://www.youtube.com/watch?v=9U0l2%5FeKVMQ&t=0s)
2. [0:43Adding Game Controls](https://www.youtube.com/watch?v=9U0l2%5FeKVMQ&t=43s)
3. [1:15Creating the Cube Animation](https://www.youtube.com/watch?v=9U0l2%5FeKVMQ&t=75s)
4. [1:58Creating a Container Group](https://www.youtube.com/watch?v=9U0l2%5FeKVMQ&t=118s)
5. [2:10Setting up the Distance Event](https://www.youtube.com/watch?v=9U0l2%5FeKVMQ&t=130s)
6. [2:21Checking Distance Event Settings](https://www.youtube.com/watch?v=9U0l2%5FeKVMQ&t=141s)
7. [4:23Mini-game Examples](https://www.youtube.com/watch?v=9U0l2%5FeKVMQ&t=263s)
8. [4:58Tip: Adding Sound Effects](https://www.youtube.com/watch?v=9U0l2%5FeKVMQ&t=298s)

## Related resources

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

## Overview

- Spline 3D
- 6 min
- Beginner

## Part of

- [Spline 101 | Build Your First Interactive Scene](https://spline.design/academy/collections/spline-101-build-your-first-interactive-scene/trigger-interactions-with-proximity-using-the-distance-event)

## Related tutorials

[All tutorials](https://spline.design/academy/tutorials)

[Add Mouse-Based Interactions to 3D ObjectsSpline 3DBeginner14 min](https://spline.design/academy/tutorials/add-mouse-based-interactions-to-3d-objects)[How to Build a Reactive 3D Orb with Motion and InteractionSpline 3DIntermediate7 min](https://spline.design/academy/tutorials/how-to-build-a-reactive-3d-orb-with-motion-and-interaction)[How to Create 3D Data Visualizations in Spline Using Variables and Real-Time APIsSpline 3DAdvanced15 min](https://spline.design/academy/tutorials/how-to-create-3d-data-visualizations-in-spline-using-variables-and-real-time-apis)

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

The 3D and 2D editor for teams and their agents. Ship to the web, iOS and Android.

#### Ask AI about Spline

#### Products

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

#### Runtimes

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

#### Apps

- [Download](https://spline.design/download)
- [Spline Mirror](https://spline.design/spline-mirror)
- [Download Spline Mirror](https://spline.design/download-mirror)

#### Learn

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

#### Community

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

#### Company

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

#### Legal

- [Terms & Conditions](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.