# Add Mouse-Based Interactions to 3D Objects (https://academy.spline.design/tutorials/add-mouse-based-interactions-to-3d-objects)

> A video tutorial from the Spline Academy.

- Product: Spline 3D
- Level: beginner
- Duration: 13 min 46 s
- Published: 2025-03-07
- Video: https://www.youtube.com/watch?v=rdZrrXFLxuw
- Part of: [Spline 101 | Build Your First Interactive Scene](https://academy.spline.design/collections/spline-101-build-your-first-interactive-scene.md)

## About this tutorial

Learn how you can easily create interactions by making 3D elements react to your cursor! 

This guide is designed for beginners, ensuring an easy-to-follow introduction to these concepts.

We demonstrate the power of mouse events in enhancing 3D designs, such as mouse up, down, press, and hover events. We also showcase how to create interactive experiences by linking mouse events to actions like color, size, and animation changes, as well as camera movement and more!

Check out these other tutorials for more on mouse events!
https://youtu.be/pR2AhQ22KwM
https://youtu.be/eCxLYk2rNzg
https://youtu.be/hRy-Iqle6EU
https://youtu.be/RmC2xEtXobE
https://youtu.be/lJIDSiDlhvw

---

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

## Chapters

- [0:00](https://www.youtube.com/watch?v=rdZrrXFLxuw&t=0s) Intro
- [0:29](https://www.youtube.com/watch?v=rdZrrXFLxuw&t=29s) Understanding Mouse Events
- [1:42](https://www.youtube.com/watch?v=rdZrrXFLxuw&t=102s) Creating Simple Mouse Down Interaction
- [5:02](https://www.youtube.com/watch?v=rdZrrXFLxuw&t=302s) Change color on click
- [6:03](https://www.youtube.com/watch?v=rdZrrXFLxuw&t=363s) Interactive buttons and color change
- [8:47](https://www.youtube.com/watch?v=rdZrrXFLxuw&t=527s) Click interaction with camera position change
- [10:54](https://www.youtube.com/watch?v=rdZrrXFLxuw&t=654s) Adding Sound Effects
- [12:01](https://www.youtube.com/watch?v=rdZrrXFLxuw&t=721s) Exploring Create Object Action
- [12:20](https://www.youtube.com/watch?v=rdZrrXFLxuw&t=740s) Adding a URL to open a website on click.

## Related documentation

- [How state-based animation works](https://docs.spline.design/interaction-states-events-and-actions/how-state-based-animation-works)
- [Events & Interactivity](https://docs.spline.design/interaction-states-events-and-actions/events-interactivity)
- [Events](https://docs.spline.design/#events)
- [Actions](https://docs.spline.design/#actions)