---
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/de-blender-au-webgl"
date_modified: "2026-11-09T10:41:32-05:00"
---

 *English version : [From Blender to WebGL](https://kffein.com/en/lab/from-blender-to-webgl)*

# De Blender au WebGL

**Auteur :** WebGL

**Rôle :** 2022

Lorsqu'il est question de 3D, le donut est l'étape incontournable pour se lancer. De sa modélisation dans Blender, jusqu'à son intégration avec [Threejs](https://threejs.org/), il n'a jamais été aussi simple d'avoir de l'intéractivité sur des modèles 3D depuis son navigateur.

## Premier donut

Notre DA voulait apprendre Blender pour être à l’aise le jour où un projet demanderait de la modélisation 3D. Elle a commencé par le grand classique que tout le monde fait en 3D : le tutoriel du donut. Avec sa forme, son glaçage et ses décorations, il fait le tour d’une bonne partie des fonctions du logiciel.

Une fois le donut terminé, l’objectif était de l’afficher dans une scène WebGL, directement dans le navigateur. En collaboration avec Guillaume, elle a exporté le modèle dans un format optimisé pour le web, puis l’a intégré avec [Three.js](https://threejs.org/), la librairie JavaScript qu’on utilise pour nos projets 3D.

Cette expérience nous a montré que le passage de Blender au navigateur se fait très bien, et qu’il est de plus en plus simple. Quelques lignes de code suffisent pour importer un modèle et le rendre interactif.