---
title: "L'Agence Kffein - Expérimentations web et interactives"
description: "Studio créatif numérique à Montréal : stratégie numérique, design UI/UX, développement web sur mesure, automatisation et intelligence artificielle."
url: "https://kffein.com/fr/lab/metaballs"
date_modified: "2026-11-09T10:43:04-05:00"
---

 *English version : [Metaballs](https://kffein.com/en/lab/metaballs)*

# Metaballs

**Auteur :** WebGL

**Rôle :** 2021

Expérimentation WebGL sur une scène interactive de metaballs

## Fusion et séparation de formes en temps réel

Cet effet devait au départ faire partie d’une autre expérience, restée inachevée. Il a été repris plus tard par un groupe d’innovation, dans le cadre d’un projet autour de la communication. L’idée était de recréer l’effet d’une lampe à lave, où des bulles fusionnent puis se séparent.

Le défi était de taille, puisque l’effet repose sur beaucoup de mathématiques et qu’on ne se considère pas comme des spécialistes du domaine. Il fallait en plus qu’il soit interactif et qu’il rende vraiment ce qu’on avait en tête. On avait déjà vu des démos du genre, mais rarement avec le code. Il a donc fallu beaucoup de recherches, entre tutoriels, articles et démos, ainsi qu’un travail précis sur le placement de la caméra, qui joue un rôle clé dans l’illusion de fusion.

On en ressort avec une bonne compréhension de cet effet, qu’on croise souvent sur le web mais qu’on voit rarement expliqué.