# Animeer organische 3D-blobs met states - Spline Academy (https://spline.design/nl/academy/tutorials/animate-organic-3d-blobs-with-states)

> ☀️ Update: de interface van Spline is verbeterd en we hebben nu het concept Actions geïntroduceerd, waarmee veel meer interacties mogelijk zijn. In het…

1. [Academy](https://spline.design/nl/academy)
2. [Tutorials](https://spline.design/nl/academy/tutorials)
3. Animeer organische 3D-blobs met states

# Animeer organische 3D-blobs met states

Spline 3DBeginner5 min

☀️ Update: de interface van Spline is verbeterd en we hebben nu het concept Actions geïntroduceerd, waarmee veel meer interacties mogelijk zijn. In het eventpaneel heet de vroegere sectie "Objects" nu Transition (een action). Laat je Transition-action van Current (Base State) naar State gaan.

Hoi! In deze tutorial leer je hoe je met materialen en state-transities in Spline beweging en animatie toevoegt aan een 3D-blob.

Demo: <https://my.spline.design/animateblobtutorial-3cd0ff763c85d6c7932987288496472e/> Remix: <https://app.spline.design/file/8784fb55-d7a0-4a39-b00c-b88ab4524c2e>

## Wat je leert

1. [0:00Introductie](https://www.youtube.com/watch?v=KclCVV4bnow&t=0s)
2. [0:27De bol maken](https://www.youtube.com/watch?v=KclCVV4bnow&t=27s)
3. [1:28De materialen maken](https://www.youtube.com/watch?v=KclCVV4bnow&t=88s)
4. [3:34De vervorming animeren](https://www.youtube.com/watch?v=KclCVV4bnow&t=214s)
5. [4:13Alternatieven verkennen](https://www.youtube.com/watch?v=KclCVV4bnow&t=253s)

## Gerelateerde bronnen

- [Blob Soft AnimationTemplate](https://app.spline.design/academy/tutorials/animate-organic-3d-blobs-with-states?redirect-duplicate-template-uuid=8d2738da-646b-4647-8a1e-696489259738&is-2d-file=false)
- [Materials & ShadingDocument](https://docs.spline.design/#%F0%9F%8C%88-materials-&-shading)
- [Displace LayerDocument](https://docs.spline.design/materials-shading/displace-layer)
- [Transition ActionDocument](https://docs.spline.design/interaction-states-events-and-actions/actions/transition-action)
- [Events & InteractivityDocument](https://docs.spline.design/interaction-states-events-and-actions/events-interactivity)

## Overzicht

- Spline 3D
- 5 min
- Beginner

## Onderdeel van

- [Animatie en interacties in Spline](https://spline.design/nl/academy/collections/animation-interactions-in-spline/animate-organic-3d-blobs-with-states)

## Gerelateerde tutorials

[Alle tutorials](https://spline.design/nl/academy/tutorials)

[Maak geanimeerde 3D-blobs die op je muis reagerenSpline 3DBeginner12 min](https://spline.design/nl/academy/tutorials/create-animated-3d-blobs-that-react-to-your-mouse)[3D-blobs maken met SplineSpline 3DBeginner14 min](https://spline.design/nl/academy/tutorials/how-to-create-3d-blobs-using-spline)[3D-iconen verfijnen en stylen met materialenSpline 3DBeginner9 min](https://spline.design/nl/academy/tutorials/refine-style-3d-icons-with-materials)

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

De 3D- en 2D-editor voor teams en hun agents. Publiceer op het web, iOS en Android.

#### Vraag AI naar Spline

#### Producten

- [3D-design](https://spline.design/nl/3d-design)
- [Hana](https://spline.design/nl/hana)
- [Omma](https://omma.build)
- [3D genereren met AI](https://spline.design/nl/ai-generate)
- [Spline MCP](https://spline.design/nl/mcp)
- [Spline Arena](https://spline.design/nl/arena)
- [Prijzen](https://spline.design/nl/pricing)
- [Enterprise](https://spline.design/nl/enterprise)

#### Runtimes

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

#### Apps

- [Downloaden](https://spline.design/nl/download)
- [Spline Mirror](https://spline.design/spline-mirror)
- [Spline Mirror downloaden](https://spline.design/download-mirror)

#### Leren

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

#### Community

- [Spline Community](https://community.spline.design)
- [Blog](https://spline.design/nl/blog)
- [Changelog](https://spline.design/nl/changelog)
- [Onderwijs](https://spline.design/nl/education)
- [Contra](https://spline.design/contra)
- [Affiliates](https://spline.design/nl/affiliate)

#### Bedrijf

- [Klanten](https://spline.design/nl/customers)
- [Vacatures](https://www.ycombinator.com/companies/spline/jobs)
- [Beveiliging](https://spline.design/nl/security)

#### Juridisch

- [Algemene voorwaarden](https://spline.design/terms)
- [Privacy](https://spline.design/privacy)

#### Contact

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

© 2026 - Spline, Inc.