# Build a 3D Light Switch with Interaction (https://academy.spline.design/collections/modeling-essentials-in-spline/build-a-3d-light-switch-with-interaction)

> A video tutorial from the Spline Academy.

- Product: Spline 3D
- Level: intermediate
- Duration: 12 min 50 s
- Published: 2022-05-14
- Video: https://www.youtube.com/watch?v=lJIDSiDlhvw
- Part of: [Modeling Essentials in Spline](https://academy.spline.design/collections/modeling-essentials-in-spline.md)

## About this tutorial

In this tutorial, we will revisit the idea of a toggle interaction using the new feature 'Toggle' available in Mouse and Key events.

This feature makes it easier to create toggle effects with a single event.

Live version: https://my.spline.design/switchtutorial-70a23dd070513899912c011c202b0368/

## Chapters

- [0:00](https://www.youtube.com/watch?v=lJIDSiDlhvw&t=0s) Introduction
- [0:55](https://www.youtube.com/watch?v=lJIDSiDlhvw&t=55s) Creating the base of the switch
- [3:00](https://www.youtube.com/watch?v=lJIDSiDlhvw&t=180s) Creating the switch shape
- [7:20](https://www.youtube.com/watch?v=lJIDSiDlhvw&t=440s) Adding the switch border
- [8:40](https://www.youtube.com/watch?v=lJIDSiDlhvw&t=520s) Adding the mouse toggle event
- [9:55](https://www.youtube.com/watch?v=lJIDSiDlhvw&t=595s) Final details

## Related documentation

- [3D Modeling Tools](https://docs.spline.design/designing-in-3-d/3d-modeling-tools)
- [Materials & Shading](https://docs.spline.design/#%F0%9F%8C%88-materials-&-shading)
- [Events & Interactivity](https://docs.spline.design/interaction-states-events-and-actions/events-interactivity)
- [Transition Action](https://docs.spline.design/interaction-states-events-and-actions/actions/transition-action)