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

> A video tutorial from the Spline Academy.

- Product: Spline 3D
- Level: beginner
- Duration: 13 min 7 s
- Published: 2024-04-30
- Video: https://www.youtube.com/watch?v=JPUSjRxQEKI
- Part of: [Animation & Interactions in Spline](https://academy.spline.design/collections/animation-interactions-in-spline.md)

## About this tutorial

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) ❤️

## Chapters

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

## Related documentation

- [How state-based animation works](https://docs.spline.design/interaction-states-events-and-actions/how-state-based-animation-works)
- [Look At Event](https://docs.spline.design/interaction-states-events-and-actions/events/look-at-event)
- [Mouse Down Event](https://docs.spline.design/interaction-states-events-and-actions/events/mouse-down-event)