Pour le Centre collégial de développement de matériel didactique (CCDMD), on a bâti une application web qui reproduit fidèlement, au dixième de millimètre, l'articulateur Whip Mix Hanau™ en 3D. À partir de mises en situation, les étudiantes et étudiants doivent trouver et appliquer les bons réglages sur l'articulateur — et leur manipulation du modèle 3D permet de reconnaître chacune des configurations valables.
Selon la situation clinique, l'articulateur doit être ajusté avec les bons réglages — et il existe souvent plusieurs façons valables d'y arriver. Acquérir ce jugement demande de répéter l'exercice sur du matériel physique, en nombre limité, sous l'œil d'un formateur qui valide chaque essai. Multiplié par une cohorte, l'accès au matériel et le temps de validation deviennent le vrai goulot.
Numériser au dixième de millimètre l'articulateur Hanau™ et son matériel, pour une maquette 3D fidèle au vrai appareil.
Recréer la scène dans le navigateur avec Three.js : caméra libre, éclairage, matériaux et manipulation temps réel.
Présenter des mises en situation où l'étudiant doit déterminer les bons réglages à poser sur l'articulateur.
Reconnaître, grâce à l'interaction 3D, chacune des configurations valables — pas une seule bonne réponse rigide.
La crédibilité pédagogique reposait sur un seul point : la maquette devait ressembler et se comporter comme le vrai matériel. On a confié la numérisation 3D de précision à PScan3D, puis la modélisation et l'animation à Vue de Top — un modèle réaliste mais assez léger pour tourner en temps réel dans un navigateur.
Notre travail : intégrer ce modèle glTF dans une application web Three.js robuste, où chaque pièce est manipulable, éclairée correctement et prête pour l'exercice.
Pendant la conception de l'articulateur, on s'est d'abord fait la main sur Three.js : un autre modèle 3D, des animations, la manipulation temps réel dans le navigateur. Voici ce prototype, tel quel — l'exploration technique qui nous a donné l'assurance d'aller bâtir le vrai simulateur ensuite. Faites-le pivoter, zoomez, jouez avec les réglages.
Glissez pour pivoter · molette pour zoomer · le panneau de droite regroupe les réglages d'animation et de rendu de notre bac à sable.
Faire tourner un modèle 3D détaillé dans un simple navigateur, sans plugin ni installation, tout en reconnaissant en temps réel la configuration réglée par l'étudiant : le vrai défi était la performance. On l'a relevé avec Three.js et un arbre de bornes (BVH) pour accélérer les calculs d'intersection.
Le simulateur reconnaît, via l'interaction 3D, chacune des façons valables de régler l'articulateur — pas une seule réponse rigide imposée à l'étudiant.
L'étudiant ajuste, manipule et sait tout de suite si sa configuration tient la route, sans attendre qu'un formateur passe valider son poste.
Une simple page web, sur n'importe quel poste. Rien à installer, rien à configurer — la mise en situation est à un clic, autant de fois qu'il le faut.
👋 Salut, ici Marc-André !
Rendu ici, vous en savez déjà pas mal sur nous. On aimerait bien vous connaître à notre tour.
Pas de pitch, pas de pression : juste une bonne conversation sur ce que vous bâtissez, ce qui vous bloque, ce qui vous allume. Trente minutes, autour d'un café virtuel. ☕
