# Bring an Interactive 3D Robot to Life - Animation & Interactions in Spline - Spline Academy (https://spline.design/academy/tutorials/bring-an-interactive-3d-robot-to-life)

> Hey there! 👋 This time we're all set to have some fun and show you different ways to take a 3D character to the next level by making it interactive! Check…

1. [Academy](https://spline.design/academy)
2. [Courses](https://spline.design/academy/collections)
3. [Animation & Interactions in Spline](https://spline.design/academy/collections/animation-interactions-in-spline)
4. Bring an Interactive 3D Robot to Life

# Bring an Interactive 3D Robot to Life

Lesson 7 of 14Spline 3DBeginner13 min

Hey there! 👋 This time we're all set to have some fun and show you different ways to take a 3D character to the next level by making it interactive! Check Spline: <https://spline.design/>

You're going to learn how to make this cute robot follow your cursor, change its expression or color with a simple click, and a lot more!

Something that you can easily integrate into your project or website, without coding ;)

Feel free to use any character you like, or you can also download this one and follow along with the tutorial.

🤖 Remix: <https://app.spline.design/file/f09aef0f-3b4e-436e-a05a-e97945e2490a>

Happy learning!

The interaction at 10:44 was inspired by Gaurav Kallugadde (@gaurav\_paints) ❤️

## What you’ll learn

1. [0:00Introduction](https://www.youtube.com/watch?v=JPUSjRxQEKI&t=0s)
2. [0:37Make Your Character Face Your Cursor - Look at Event](https://www.youtube.com/watch?v=JPUSjRxQEKI&t=37s)
3. [1:34Mouse Hover Interaction](https://www.youtube.com/watch?v=JPUSjRxQEKI&t=94s)
4. [3:26Mouse Press & Mouse Down Interactions](https://www.youtube.com/watch?v=JPUSjRxQEKI&t=206s)
5. [4:45Change Your Character's Color](https://www.youtube.com/watch?v=JPUSjRxQEKI&t=285s)
6. [10:44Change Facial Expressions](https://www.youtube.com/watch?v=JPUSjRxQEKI&t=644s)
7. [12:27Game Controls](https://www.youtube.com/watch?v=JPUSjRxQEKI&t=747s)

## Related resources

- [Robot Interactive EventsTemplate](https://app.spline.design/academy/tutorials/bring-an-interactive-3d-robot-to-life?redirect-duplicate-template-uuid=83094eb4-8202-4a49-894e-75e435da5f82&is-2d-file=false)
- [How state-based animation worksDocument](https://docs.spline.design/interaction-states-events-and-actions/how-state-based-animation-works)
- [Look At EventDocument](https://docs.spline.design/interaction-states-events-and-actions/events/look-at-event)
- [Mouse Down EventDocument](https://docs.spline.design/interaction-states-events-and-actions/events/mouse-down-event)

## Overview

- Spline 3D
- 13 min
- Beginner

## Up next

[Create an Interactive Bee Character for the Web14 minIntermediate](https://spline.design/academy/collections/animation-interactions-in-spline/create-an-interactive-bee-character-for-the-web)[Continue](https://spline.design/academy/collections/animation-interactions-in-spline/create-an-interactive-bee-character-for-the-web)

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