Bilal Boualem

Atelier · 3D temps réel, configurateurs & IA · Metz, France

Je construis des systèmes qui tiennent la charge.

3D temps réel, simulation et IA appliquée — pour .

Cadrer un projet Télécharger le CV

Sur l'établi

Maquette — bras 2 axes, IK analytique · le solveur de la planche 03 en pilotera 6

Métier
Expert / Lead Tech 3D temps réel · Configurateurs & géométrie paramétrique
Indépendant depuis
2016 — 10 ans
Atelier
Metz, France
Langues
FR · EN · AR
Révision
08 · 2026

Le râtelier

L'outillage

Affûté 08 · 2026

  • Langages

    TypeScript, JavaScript, C++, Python, GLSL, C#

  • 3D temps réel

    Three.js, Babylon.js, React, GLSL, WebGL, rendu PBR

  • 3D desktop

    Unreal Engine 5, C++ exposé au Blueprint, Unity / C#, Blender

  • Maths & algo

    Géométrie paramétrique, cinématique inverse, BVH, simulation

  • Intelligence artificielle

    LLM, agents IA, prompt engineering, computer vision, OpenCV

  • Infra

    Node.js, PostgreSQL, Docker, Azure, GCP

Les planches — 01 — 05

Planche 01 — Maria Tash

Essayer sur l'oreille un bijou qui n'y est pas

20 moisReact · Three.jsEn ligne · public

Démonstration de l'outil d'essayage 3D Maria Tash, un bijou posé en temps réel sur une oreilleYouTube — chargé au clic
Vue 01 — l'outil en production
Vue éclatée : une oreille stylisée, un anneau et une pierre écartés de leur axe, entourés des boîtes englobantes du BVH de collision. Quatre renvois numérotés.
Fig. 01 — vue éclatée · collision oreille / bijou
  1. Implémentation Three.js complète

    Direction technique de toute la couche 3D dans une application React : architecture de scène, cycle de rendu, intégration au tunnel d'achat.

  2. Détection de collision accélérée

    Intégration de three-mesh-bvh pour tester en temps réel bijou/bijou et bijou/oreille — traverser un arbre au lieu d'un test par triangle.

  3. Shaders GLSL sur mesure

    Rendu réaliste des pierres : éclat, dispersion et profondeur perçue hors de portée d'un matériau PBR standard.

  4. Déformation d'oreille en temps réel

    La géométrie de l'oreille réagit au bijou posé, pour que la pose reste crédible quelle que soit la combinaison choisie.

Cible tenue 60 FPS sur mobile

Durée d'engagement 20 mois

À manipuler Ouvrir l'outil en ligne →

Client
Maria Tash
Rôle
Responsable implémentation 3D
Stack
React · Three.js · GLSL
En ligne
mariatash.com/TASH-Studio
Planche
01 / 05

Planche 02 — IKEA · IPEX

Un plan 2D entre, une scène 3D manipulable sort

18 moisReact · Babylon.jsVisuels sous NDA

Chaîne de conversion : à gauche un plan 2D coté, une flèche annotée parse puis build, à droite la même pièce en projection axonométrique au-dessus d'un graphe de scène. Trois renvois numérotés.
Fig. 02 — chaîne de conversion plan → scène
  1. Module réutilisable 2D → 3D

    Architecture d'un module convertissant des plans d'aménagement en scènes 3D interactives, réutilisable d'un configurateur à l'autre.

  2. Structure de scène et instanciation

    Conception du graphe de scène et des stratégies d'instanciation pour tenir le budget de conversion, quel que soit le nombre de meubles.

  3. Propriété de l'architecture de rendu

    Arbitrages de performance et de scalabilité assumés de bout en bout — la contrainte décide de la structure, pas l'inverse.

Conversion plan → scène (parse + construction) < 50 ms

Durée d'engagement 18 mois

Client
IKEA · IPEX
Rôle
Architecte solution 3D
Stack
React · Babylon.js
Livrable
Module réutilisable
Planche
02 / 05

Planche 03 — CMR Surgical

Un bras chirurgical qui se manipule comme le vrai

6 moisReact · Three.jsOutil marketing & formation

Démonstration de l'environnement opératoire virtuel avec manipulation du bras robotisé chirurgicalYouTube — chargé au clic
Vue 03 — l'environnement opératoire virtuel
Chaîne articulée à trois segments avec arcs de butée angulaire sur chaque axe, enveloppe de travail en pointillés et cible marquée d'une croix. Deux renvois numérotés.
Fig. 03 — chaîne articulée · butées angulaires · enveloppe de travail
  1. Cinématique inverse contrainte

    Résolution sur chaîne articulée avec butées angulaires par axe : la pose calculée reste toujours une pose que le robot réel peut atteindre.

  2. Manipulation directe temps réel

    L'utilisateur saisit l'effecteur, la chaîne suit. Le solveur est borné en temps pour que le pas de simulation tienne sous charge.

Note

Deux usages, un même environnement : la démonstration commerciale du Versius et la formation. Mêmes contraintes de fidélité dans les deux cas.

Durée d'engagement 6 mois

Sur l'établi ci-dessus même famille de solveur

Client
CMR Surgical
Rôle
Conception 3D & simulation
Stack
React · Three.js
Usage
Marketing · formation
Planche
03 / 05

Planche 04 — Sous NDA

Faire tenir un environnement de 2 Go dans un onglet

Three.js · DracoClient sous NDA

Comparaison de charge à l'échelle : une barre pleine largeur pour 2 Go, une barre de six pixels pour moins de 30 Mo, cotée divisé par 68 ; en dessous cinq arbres identiques sous une accolade n instances, un draw call. Deux renvois numérotés.
Fig. 04 — budget de charge · stratégie d'instanciation
  1. Compression géométrique Draco

    Encodage des maillages pour un transfert réseau minimal, décodés côté client — l'essentiel du facteur 68 entre la source de production et ce que le visiteur télécharge.

  2. Instanciation GPU

    Des centaines d'arbres, lampadaires, bancs et bâtiments rendus depuis une seule géométrie par famille. Le coût suit le nombre de familles, pas le nombre d'objets.

Poids livré 2 Go → < 30 Mo

Fluidité 60 FPS · web et mobile

Client
Sous NDA
Rôle
Architecture de rendu
Stack
Three.js · Draco · GPU instancing
Source
Environnement Blender 2 Go
Planche
04 / 05

Planche 05 — Projet de recherche

Décrire une scène en français, la voir se construire

LLM · Prompt engineeringProjet de recherche

Chaîne en trois étapes : une intention en langage naturel, un bloc LLM d'interprétation, puis une commande JSON structurée qui descend dans un graphe de scène temps réel. Un renvoi numéroté.
Fig. 05 — chaîne intention → commande structurée → scène
  1. Le LLM comme moteur d'interprétation, pas comme générateur

    Le modèle ne produit pas de géométrie : il traduit une intention en langage naturel en commandes structurées et validables, exécutées par le moteur 3D. La scène reste déterministe.

Note

C'est le même mécanisme que le comptoir de ce site : décrire un besoin en mots, obtenir une réponse structurée. La démonstration et l'outil sont la même chose.

Nature
Projet de recherche
Rôle
Conception intégrale
Stack
LLM · agents · TypeScript · Babylon.js
Statut
Prototype
Planche
05 / 05

La commande

Comment on travaille

Trois formes de mission. Le reste se décide au cadrage, pas avant.

  • Audit

    Revue d'une application 3D existante : performances, architecture de rendu, dette technique. Vous repartez avec les points de blocage identifiés et priorisés.

  • Réalisation

    Conception et développement de bout en bout, de la structure de scène au rendu. Les missions passées s'étalent de 6 à 20 mois.

  • Support

    Accompagnement d'un produit déjà en ligne : corrections, optimisation, évolutions.

Tarification au jour — tarif et volume estimé donnés au cadrage

Pour démarrer périmètre, assets, un contact technique, les accès

Modélisation 3D la modélisation simple est prise en charge

Premier échange décrivez le projet — réponse avec une approche

Ouvrir un dossier

Décrivez votre projet

Une réponse avec une approche, pas un devis type. bilal.developments@gmail.com

Vous recrutez ? La fiche de qualification →