# Så animerar du en gående 3D-karaktär - Spline 101 | Bygg din första interaktiva scen - Spline Academy (https://spline.design/sv/academy/tutorials/how-to-animate-a-3d-walking-character)

> 🚶 Lär dig att väcka en karaktär till liv genom att animera en gångcykel i Spline!

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. Så animerar du en gående 3D-karaktär

# Så animerar du en gående 3D-karaktär

Lektion 12 av 16Spline 3DNybörjare14 min

🚶 Lär dig att väcka en karaktär till liv genom att animera en gångcykel i Spline!

Vi dyker ner i viktiga begrepp som tillstånd, händelser och övergångar, medan jag guidar dig steg för steg genom att skapa enkla ben- och armrörelser. Du lär dig också att ge karaktären personlighet med studsar och mikroanimationer, och att kombinera med spelkontroller så att gångrörelsen reagerar på användarens interaktion.

Upptäck hur du också kan importera färdiganimerade karaktärer till Spline i den här tutorialen 👉 <https://www.youtube.com/watch?v=lpYK67LQItI>

## Det här lär du dig

1. [0:00Intro](https://www.youtube.com/watch?v=6g4XnfmD0tg&t=0s)
2. [0:30Förstå tillstånd och händelser](https://www.youtube.com/watch?v=6g4XnfmD0tg&t=30s)
3. [1:37Skapa en gångcykel](https://www.youtube.com/watch?v=6g4XnfmD0tg&t=97s)
4. [7:03Ge personlighet med studs och mikroanimationer](https://www.youtube.com/watch?v=6g4XnfmD0tg&t=423s)
5. [8:32Lägga till spelkontroller för att simulera gång](https://www.youtube.com/watch?v=6g4XnfmD0tg&t=512s)
6. [13:14Importera färdiganimerade karaktärer](https://www.youtube.com/watch?v=6g4XnfmD0tg&t=794s)

## Relaterade resurser

- [Simple Walking loopMall](https://app.spline.design/academy/tutorials/how-to-animate-a-3d-walking-character?redirect-duplicate-template-uuid=29d00bb0-3cc6-460c-96c0-b8db32c2a0a5&is-2d-file=false)
- [How state-based animation worksDokument](https://docs.spline.design/interaction-states-events-and-actions/how-state-based-animation-works)
- [Moving the Object PivotDokument](https://docs.spline.design/designing-in-3-d/moving-the-object-pivot)
- [Game Controls EventDokument](https://docs.spline.design/interaction-states-events-and-actions/events/game-controls-event)
- [Transition ActionDokument](https://docs.spline.design/interaction-states-events-and-actions/actions/transition-action)

## Översikt

- Spline 3D
- 14 min
- Nybörjare

## Nästa

[Bygg en 3D-karaktär i voxelstil13 minNybörjare](https://spline.design/sv/academy/collections/spline-101-build-your-first-interactive-scene/build-a-3d-voxel-character)[Fortsätt](https://spline.design/sv/academy/collections/spline-101-build-your-first-interactive-scene/build-a-3d-voxel-character)

[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.