# Bygg en 3D-karaktär i voxelstil - Spline 101 | Bygg din första interaktiva scen - Spline Academy (https://spline.design/sv/academy/tutorials/build-a-3d-voxel-character)

> I den här nybörjarvänliga tutorialen går vi igenom den roliga processen att skapa en supersöt grisfigur i voxelstil 🐷 – en kantig, lekfull stil som passar…

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. Bygg en 3D-karaktär i voxelstil

# Bygg en 3D-karaktär i voxelstil

Lektion 13 av 16Spline 3DNybörjare13 min

I den här nybörjarvänliga tutorialen går vi igenom den roliga processen att skapa en supersöt grisfigur i voxelstil 🐷 – en kantig, lekfull stil som passar perfekt för spel och webbprojekt eftersom den är både enkel och charmig. Vi börjar från noll med enkla kuber för att bygga karaktären och går sedan vidare till färger och material. På vägen får du viktiga tips om hur du arbetar i Spline, även om du aldrig har använt det förut!

Vi visar också hur du skapar animationer och lägger till spelkontroller så att scenen blir helt interaktiv. När du är klar vet du hur du exporterar ditt projekt för både webb och mobil, redo att delas med världen!

👇 Du kan remixa de här designerna och göra dem till dina egna! Avatarer: <https://app.spline.design/file/76c4d869-f82d-4ab4-981d-2e31d6e726d3> Interaktivt minispel: <https://app.spline.design/file/876ad098-6501-484c-9789-24796b85b800>

Läs mer om: <https://youtu.be/6g4XnfmD0tg>

\---

Sätt igång och skapa din helt egen voxelavatar, och glöm inte att dela den med communityn! Vi vill gärna se vad du hittar på!

<https://community.spline.design/>

## Det här lär du dig

1. [0:00Skapa en karaktär i voxelstil](https://www.youtube.com/watch?v=0rZEe9obS%5Fg&t=0s)
2. [3:18Lägga till färger och material](https://www.youtube.com/watch?v=0rZEe9obS%5Fg&t=198s)
3. [7:24😉](https://www.youtube.com/watch?v=0rZEe9obS%5Fg&t=444s)
4. [8:25Lägga till spelkontroller](https://www.youtube.com/watch?v=0rZEe9obS%5Fg&t=505s)
5. [9:01Skapa enkla animationer för karaktären](https://www.youtube.com/watch?v=0rZEe9obS%5Fg&t=541s)
6. [11:43Exportera projektet](https://www.youtube.com/watch?v=0rZEe9obS%5Fg&t=703s)

## Relaterade resurser

- [Voxel CharactersMall](https://app.spline.design/academy/tutorials/build-a-3d-voxel-character?redirect-duplicate-template-uuid=2f22ac26-f2b3-4dfa-8b24-ab60564469ca&is-2d-file=false)
- [Working with Parametric ObjectsDokument](https://docs.spline.design/designing-in-3-d/working-with-parametric-objects)
- [3D Modeling ToolsDokument](https://docs.spline.design/designing-in-3-d/3d-modeling-tools)
- [Materials & ShadingDokument](https://docs.spline.design/#%F0%9F%8C%88-materials-&-shading)

## Översikt

- Spline 3D
- 13 min
- Nybörjare

## Nästa

[Så skulpterar du en gummibjörn i 3D med Shape Blend8 minNybörjare](https://spline.design/sv/academy/collections/spline-101-build-your-first-interactive-scene/how-to-sculpt-a-3d-gummy-bear-with-shape-blend)[Fortsätt](https://spline.design/sv/academy/collections/spline-101-build-your-first-interactive-scene/how-to-sculpt-a-3d-gummy-bear-with-shape-blend)

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