# Animeer organische 3D-blobs met states - Animatie en interacties in Spline - 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. [Cursussen](https://spline.design/nl/academy/collections)
3. [Animatie en interacties in Spline](https://spline.design/nl/academy/collections/animation-interactions-in-spline)
4. Animeer organische 3D-blobs met states

# Animeer organische 3D-blobs met states

Les 13 van 14Spline 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

## Hierna

[3D-objecten draaien en animeren6 minBeginner](https://spline.design/nl/academy/collections/animation-interactions-in-spline/rotate-animate-3d-objects)[Verder](https://spline.design/nl/academy/collections/animation-interactions-in-spline/rotate-animate-3d-objects)

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