---
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/occlusion-avec-spline"
date_modified: "2026-11-09T10:38:44-05:00"
---

 *English version : [Occlusion with Spline](https://kffein.com/en/lab/occlusion-avec-spline)*

# Occlusion avec Spline

**Auteur :** 3D

**Rôle :** 2023

[Spline](https://spline.design/) permet de créer des scènes 3D pour le web depuis un simple éditeur en ligne. Notre test : simuler un effet d’occlusion entre une sphère et un modèle 3D.

Spline est un outil 3D en ligne, sans code, qui repose sur les mêmes librairies WebGL qu'on utilise. On contrôle la caméra, les matériaux et toute la scène directement dans le navigateur. On l’avait regardé au tout début du prototype pour un projet en particulier, en se disant qu’il pourrait nous simplifier la vie sur des projets 3D plus complexes.

Lors de nos séances R&D, Gab s’est inspiré d’un exemple d’occlusion : une sphère invisible qu’on déplace sur une statue filmée, et qui semble la creuser en temps réel. Coder un effet comme ça de zéro en WebGL prendrait un temps fou. Avec Spline, la communauté et les exemples prêts à l’emploi font une bonne partie du travail.

Le seul petit hic c'est que Spline est payant et ses exports sont dans un format propriétaire, qu’on doit importer avec leur propre librairie. On a trouvé une façon de contourner ça, mais on perd une partie des matériaux et des textures, qu’il faut refaire à la main.

On a conclut que c'est un bel outil pour monter des scènes rapidement, mais sa nature propriétaire en fait un choix à évaluer au cas par cas.