Build a 3D Light Switch with Interaction

Lesson 7 of 8Spline 3DIntermediate13 min

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/

What you’ll learn

  1. 0:00Introduction
  2. 0:55Creating the base of the switch
  3. 3:00Creating the switch shape
  4. 7:20Adding the switch border
  5. 8:40Adding the mouse toggle event
  6. 9:55Final details

Related resources