# Maak geanimeerde 3D-blobs die op je muis reageren - Spline Academy (https://spline.design/nl/academy/tutorials/create-animated-3d-blobs-that-react-to-your-mouse)

> In deze tutorial voor beginners starten we vanaf nul en leren we hoe je kleurrijke, geanimeerde en interactieve 3D-blobs maakt met Shape Blend.

1. [Academy](https://spline.design/nl/academy)
2. [Tutorials](https://spline.design/nl/academy/tutorials)
3. Maak geanimeerde 3D-blobs die op je muis reageren

# Maak geanimeerde 3D-blobs die op je muis reageren

Spline 3DBeginner12 min

In deze tutorial voor beginners starten we vanaf nul en leren we hoe je kleurrijke, geanimeerde en interactieve 3D-blobs maakt met Shape Blend.

We geven je een paar eenvoudige tips voor het toepassen van kleuren en texturen, zodat je vloeiende overgangen en natuurlijk ogende gradiënten krijgt.

Daarnaast bekijken we hoe je interactieve events toevoegt, zoals de vorm van de blob veranderen als je eroverheen hovert.

\--

Ontdek meer geweldige makers en projecten #MadeInSpline op <https://community.spline.design/>

## Wat je leert

1. [0:00Intro](https://www.youtube.com/watch?v=l32kDk5DU00&t=0s)
2. [0:24Een blob maken met Shape Blend](https://www.youtube.com/watch?v=l32kDk5DU00&t=24s)
3. [1:31Kleuren toevoegen](https://www.youtube.com/watch?v=l32kDk5DU00&t=91s)
4. [3:21Gloei-effecten en texturen toevoegen](https://www.youtube.com/watch?v=l32kDk5DU00&t=201s)
5. [5:20Onze blob animeren](https://www.youtube.com/watch?v=l32kDk5DU00&t=320s)
6. [6:49De animatie laten loopen](https://www.youtube.com/watch?v=l32kDk5DU00&t=409s)
7. [8:32Interactief effect met de cursor](https://www.youtube.com/watch?v=l32kDk5DU00&t=512s)
8. [9:44Snelle tips](https://www.youtube.com/watch?v=l32kDk5DU00&t=584s)
9. [10:38Andere voorbeelden van interactieve scènes met Shape Blend](https://www.youtube.com/watch?v=l32kDk5DU00&t=638s)
10. [11:00Onze Spline-community](https://www.youtube.com/watch?v=l32kDk5DU00&t=660s)
11. [11:05Word onze volgende Designer of the Week!](https://www.youtube.com/watch?v=l32kDk5DU00&t=665s)

## Gerelateerde bronnen

- [Animated Shape BlendTemplate](https://app.spline.design/academy/tutorials/create-animated-3d-blobs-that-react-to-your-mouse?redirect-duplicate-template-uuid=546ba9b3-f563-43e4-bbd7-a72c5941902e&is-2d-file=false)
- [Shape BlendDocument](https://docs.spline.design/designing-in-3-d/shape-blend)
- [Materials & ShadingDocument](https://docs.spline.design/#%F0%9F%8C%88-materials-&-shading)
- [How state-based animation worksDocument](https://docs.spline.design/interaction-states-events-and-actions/how-state-based-animation-works)
- [Follow EventDocument](https://docs.spline.design/interaction-states-events-and-actions/events/follow-event)

## Overzicht

- Spline 3D
- 12 min
- Beginner

## Onderdeel van

- [Spline 101 | Bouw je eerste interactieve scène](https://spline.design/nl/academy/collections/spline-101-build-your-first-interactive-scene/create-animated-3d-blobs-that-react-to-your-mouse)

## Gerelateerde tutorials

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

[Animeer organische 3D-blobs met statesSpline 3DBeginner5 min](https://spline.design/nl/academy/tutorials/animate-organic-3d-blobs-with-states)[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.