# Maak geanimeerde 3D-blobs die op je muis reageren - Spline 101 | Bouw je eerste interactieve scène - 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. [Cursussen](https://spline.design/nl/academy/collections)
3. [Spline 101 | Bouw je eerste interactieve scène](https://spline.design/nl/academy/collections/spline-101-build-your-first-interactive-scene)
4. Maak geanimeerde 3D-blobs die op je muis reageren

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

Les 15 van 16Spline 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

## Hierna

[Maak van je Spline-designs interactieve webervaringen10 minBeginner](https://spline.design/nl/academy/collections/spline-101-build-your-first-interactive-scene/turn-your-spline-designs-into-interactive-web-experiences)[Verder](https://spline.design/nl/academy/collections/spline-101-build-your-first-interactive-scene/turn-your-spline-designs-into-interactive-web-experiences)

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