# Lägg till musbaserade interaktioner på 3D-objekt - Spline 101 | Bygg din första interaktiva scen - Spline Academy (https://spline.design/sv/academy/tutorials/add-mouse-based-interactions-to-3d-objects)

> Lär dig att enkelt skapa interaktioner genom att få 3D-element att reagera på muspekaren!

1. [Academy](https://spline.design/sv/academy)
2. [Kurser](https://spline.design/sv/academy/collections)
3. [Spline 101 | Bygg din första interaktiva scen](https://spline.design/sv/academy/collections/spline-101-build-your-first-interactive-scene)
4. Lägg till musbaserade interaktioner på 3D-objekt

# Lägg till musbaserade interaktioner på 3D-objekt

Lektion 4 av 16Spline 3DNybörjare14 min

Lär dig att enkelt skapa interaktioner genom att få 3D-element att reagera på muspekaren!

Guiden är gjord för nybörjare och ger en lättbegriplig introduktion till begreppen.

Vi visar hur mushändelser – som mouse up, down, press och hover – kan lyfta 3D-designer. Vi visar också hur du skapar interaktiva upplevelser genom att koppla mushändelser till åtgärder som ändrar färg, storlek och animation, flyttar kameran och mycket mer!

Kolla in de här tutorialerna för mer om mushändelser! <https://youtu.be/pR2AhQ22KwM> <https://youtu.be/eCxLYk2rNzg> <https://youtu.be/hRy-Iqle6EU> <https://youtu.be/RmC2xEtXobE> <https://youtu.be/lJIDSiDlhvw>

\---

Upptäck fler fantastiska kreatörer och projekt #MadeInSpline på <https://community.spline.design/>

## Det här lär du dig

1. [0:00Intro](https://www.youtube.com/watch?v=rdZrrXFLxuw&t=0s)
2. [0:29Förstå mushändelser](https://www.youtube.com/watch?v=rdZrrXFLxuw&t=29s)
3. [1:42Skapa en enkel Mouse Down-interaktion](https://www.youtube.com/watch?v=rdZrrXFLxuw&t=102s)
4. [5:02Byt färg vid klick](https://www.youtube.com/watch?v=rdZrrXFLxuw&t=302s)
5. [6:03Interaktiva knappar och färgbyte](https://www.youtube.com/watch?v=rdZrrXFLxuw&t=363s)
6. [8:47Klickinteraktion som ändrar kamerans position](https://www.youtube.com/watch?v=rdZrrXFLxuw&t=527s)
7. [10:54Lägga till ljudeffekter](https://www.youtube.com/watch?v=rdZrrXFLxuw&t=654s)
8. [12:01Utforska åtgärden Create Object](https://www.youtube.com/watch?v=rdZrrXFLxuw&t=721s)
9. [12:20Lägga till en URL som öppnar en webbplats vid klick.](https://www.youtube.com/watch?v=rdZrrXFLxuw&t=740s)

## Relaterade resurser

- [Mouse Hover EventMall](https://app.spline.design/academy/tutorials/add-mouse-based-interactions-to-3d-objects?redirect-duplicate-template-uuid=267cdcd9-2272-426a-9b67-4028d2c1d024&is-2d-file=false)
- [How state-based animation worksDokument](https://docs.spline.design/interaction-states-events-and-actions/how-state-based-animation-works)
- [Events & InteractivityDokument](https://docs.spline.design/interaction-states-events-and-actions/events-interactivity)
- [EventsDokument](https://docs.spline.design/#events)
- [ActionsDokument](https://docs.spline.design/#actions)

## Översikt

- Spline 3D
- 14 min
- Nybörjare

## Nästa

[Så skapar du 3D-knappinteraktioner10 minNybörjare](https://spline.design/sv/academy/collections/spline-101-build-your-first-interactive-scene/how-to-create-3d-button-interactions)[Fortsätt](https://spline.design/sv/academy/collections/spline-101-build-your-first-interactive-scene/how-to-create-3d-button-interactions)

[Spline](https://spline.design/sv)

3D- och 2D-editorn för team och deras agenter. Publicera på webben, iOS och Android.

#### Fråga AI om Spline

#### Produkter

- [3D-design](https://spline.design/sv/3d-design)
- [Hana](https://spline.design/sv/hana)
- [Omma](https://omma.build)
- [3D-generering med AI](https://spline.design/sv/ai-generate)
- [Spline MCP](https://spline.design/sv/mcp)
- [Spline Arena](https://spline.design/sv/arena)
- [Priser](https://spline.design/sv/pricing)
- [Företag](https://spline.design/sv/enterprise)

#### Runtimes

- [Web](https://spline.design/sv/web)
- [iOS](https://spline.design/sv/ios)
- [Android](https://spline.design/sv/android)

#### Appar

- [Ladda ner](https://spline.design/sv/download)
- [Spline Mirror](https://spline.design/spline-mirror)
- [Ladda ner Spline Mirror](https://spline.design/download-mirror)

#### Lär dig

- [Docs](https://docs.spline.design/)
- [Academy](https://spline.design/sv/academy)
- [Spline API](https://www.npmjs.com/package/@splinetool/runtime)
- [Lösningar](https://spline.design/solutions)

#### Community

- [Spline Community](https://community.spline.design)
- [Blog](https://spline.design/sv/blog)
- [Ändringslogg](https://spline.design/sv/changelog)
- [Utbildning](https://spline.design/sv/education)
- [Contra](https://spline.design/contra)
- [Affiliate](https://spline.design/sv/affiliate)

#### Företaget

- [Kunder](https://spline.design/sv/customers)
- [Karriär](https://www.ycombinator.com/companies/spline/jobs)
- [Säkerhet](https://spline.design/sv/security)

#### Juridik

- [Villkor](https://spline.design/terms)
- [Integritet](https://spline.design/privacy)

#### Kontakt

- [help@spline.design](mailto:help@spline.design)
- [jobs@spline.design](mailto:jobs@spline.design)

© 2026 - Spline, Inc.