# Trigger Interactions with Proximity Using the Distance Event - Spline 101 | Build Your First Interactive Scene - 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. [Courses](https://spline.design/academy/collections)
3. [Spline 101 | Build Your First Interactive Scene](https://spline.design/academy/collections/spline-101-build-your-first-interactive-scene)
4. Trigger Interactions with Proximity Using the Distance Event

# Trigger Interactions with Proximity Using the Distance Event

Lesson 11 of 16Spline 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

## Up next

[How to Animate a 3D Walking Character14 minBeginner](https://spline.design/academy/collections/spline-101-build-your-first-interactive-scene/how-to-animate-a-3d-walking-character)[Continue](https://spline.design/academy/collections/spline-101-build-your-first-interactive-scene/how-to-animate-a-3d-walking-character)

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