Comment créer des visionneuses 3D sur le Web à partir de modèles Agisoft Metashape ?

Les logiciels de photogrammétrie tels que Metashape d’Agisoft permettent aux professionnels de générer des modèles 3D très détaillés à partir de photographies capturées par des drones, des caméras ou des smartphones. Ces modèles sont largement utilisés dans des domaines tels que l’arpentage, la documentation du patrimoine culturel, le suivi de la construction et la création de jumeaux numériques.

Cependant, de nombreux projets nécessitent plus que la simple génération d’un modèle 3D. L’objectif est souvent de partager le modèle en ligne afin que les clients, les chercheurs ou le grand public puissent l’explorer de manière interactive à l’aide d’un navigateur web.

C’est là que les visionneuses 3D basées sur le web deviennent extrêmement utiles. En convertissant les modèles Metashape dans des formats optimisés pour le rendu WebGL, il est possible d’afficher des modèles photogrammétriques directement dans des pages web sans avoir besoin d’un logiciel spécialisé.

Dans ce guide, nous expliquons comment préparer les modèles Metashape pour le web et nous explorons plusieurs technologies populaires qui vous permettent de créer des visionneuses 3D interactives en ligne.

Pourquoi utiliser des visionneuses 3D en ligne ?

La visualisation 3D interactive sur le web est devenue de plus en plus populaire ces dernières années. Au lieu de télécharger des fichiers 3D volumineux ou des visionneuses spécialisées, les utilisateurs peuvent simplement ouvrir une page web et interagir avec un modèle directement dans leur navigateur.

Les visionneuses en ligne présentent plusieurs avantages :

Partage facile des modèles 3D
Aucune installation de logiciel n’est nécessaire
Accessible sur les ordinateurs de bureau et les appareils mobiles
Exploration interactive d’environnements complexes
Intégration aux sites web et aux plateformes numériques

Ces caractéristiques rendent les visionneuses web particulièrement utiles pour les projets de patrimoine numérique, les contenus éducatifs, les présentations techniques et la visualisation géospatiale.

Préparation des modèles Metashape pour la visualisation sur le Web

Avant de publier un modèle Metashape en ligne, il est important d’optimiser le jeu de données pour un rendu en temps réel.

Les modèles photogrammétriques contiennent souvent des millions de polygones et des textures à très haute résolution. Bien que ce niveau de détail soit utile pour l’analyse, il peut entraîner des problèmes de performance dans les navigateurs web.

Les étapes de l’optimisation comprennent généralement

Réduire le nombre de polygones
Optimisation de la résolution des textures
Nettoyage de la géométrie inutile
Exportation dans des formats conviviaux pour le web

Il est particulièrement important de réduire le nombre de polygones. Les grands modèles peuvent être simplifiés à l’aide de l’outil Decimate Mesh de Metashape.

Pour la visualisation sur le web, les modèles donnent généralement de bons résultats lorsqu’ils sont réduits à un nombre de polygones compris entre 100 000 et 1 million, en fonction de la complexité de la scène.

Choisir le bon format d’exportation

Une fois le modèle optimisé, l’étape suivante consiste à l’exporter dans un format compatible avec les technologies de rendu basées sur le web.

Les formats courants pour la visualisation sur le web sont les suivants

GLTF / GLB
OBJ
FBX

Parmi ces formats, le GLTF est devenu la norme la plus largement utilisée pour les applications 3D basées sur le web. Souvent appelé le « JPEG de la 3D », le GLTF est conçu spécifiquement pour une transmission et un rendu efficaces des ressources 3D.

Les fichiers GLTF stockent la géométrie, les matériaux et les textures dans un format compact qui peut être facilement chargé par les navigateurs web modernes.

Utiliser Sketchfab pour l’affichage sur le Web

L’une des façons les plus simples de publier des modèles Metashape en ligne est de passer par des plateformes telles que Sketchfab.

Sketchfab est un service basé sur le cloud qui permet aux utilisateurs de télécharger des modèles 3D et de générer automatiquement une visionneuse interactive.

La procédure est simple :

Exporter le modèle optimisé depuis Metashape
Téléchargez le fichier sur Sketchfab
Ajuster les paramètres d’éclairage et de visualisation
Intégrer la visionneuse dans un site web

Sketchfab fournit un code d’intégration qui peut être inséré dans les pages web, permettant aux visiteurs d’interagir avec le modèle directement sur le site.

Cette approche nécessite un minimum de connaissances techniques et est largement utilisée dans les projets de patrimoine numérique et d’éducation.

Construire des visionneuses Web personnalisées avec Three.js

Pour les développeurs qui souhaitent avoir un contrôle total sur leur environnement de visualisation, des bibliothèques telles que Three.js fournissent des outils puissants pour créer des visionneuses 3D personnalisées.

Three.js est une bibliothèque JavaScript populaire qui simplifie l’utilisation de WebGL pour le rendu des graphiques 3D dans les navigateurs.

En utilisant Three.js, les développeurs peuvent :

Charger les modèles GLTF
Créer des commandes de caméra interactives
Ajouter de l’éclairage et des ombres
Personnaliser les interfaces utilisateurs

Un flux de travail typique de Three.js pour afficher un modèle Metashape consiste à charger le fichier GLTF et à le rendre à l’intérieur d’une scène WebGL.

Cette approche permet aux développeurs de créer des visionneuses entièrement personnalisées, adaptées à des projets spécifiques.

Utilisation du césium pour les grands modèles géospatiaux

Pour les très grands ensembles de données géospatiales, tels que les projets de cartographie par drone couvrant des villes ou des paysages entiers, des cadres de visualisation web spécialisés peuvent être nécessaires.

Cesium est l’une des plateformes les plus puissantes pour la diffusion en continu et l’affichage d’ensembles massifs de données géospatiales en 3D dans les navigateurs web.

Cesium prend en charge des technologies avancées telles que les tuiles 3D, qui permettent de diffuser progressivement de grands modèles en fonction de la position de la caméra.

Il est ainsi possible de visualiser des ensembles de données photogrammétriques extrêmement volumineux sans avoir à charger l’ensemble du modèle en une seule fois.

Les modèles Metashape peuvent être convertis dans des formats compatibles avec Cesium à l’aide d’outils de traitement supplémentaires.

Optimisation des performances pour le rendu Web

L’optimisation des performances est cruciale lors de la publication de modèles photogrammétriques en ligne.

Les grands modèles peuvent facilement submerger les systèmes de rendu basés sur les navigateurs s’ils ne sont pas correctement optimisés.

Les stratégies d’optimisation les plus importantes sont les suivantes :

Réduire la complexité du maillage
Limiter la résolution des textures
Utiliser des formats de fichiers efficaces
Compression des textures
Utiliser des techniques de chargement progressif

Il est essentiel d’équilibrer la qualité visuelle et les performances pour garantir une expérience fluide à l’utilisateur.

Applications des modèles de photogrammétrie basés sur le Web

Les visionneuses 3D basées sur le web permettent de nombreuses nouvelles applications pour les modèles photogrammétriques.

Les cas d’utilisation les plus courants sont les suivants :

Musées virtuels et archives numériques du patrimoine
Visualisation architecturale
Contenu éducatif interactif
Plateformes de suivi de la construction
Des jumeaux numériques pour les infrastructures

Parce que les utilisateurs peuvent explorer les modèles directement dans leur navigateur, les visionneuses en ligne augmentent considérablement l’accessibilité et l’engagement.

L’avenir de la visualisation 3D sur Internet

Les progrès des technologies WebGL, WebGPU et de rendu en temps réel améliorent rapidement les capacités de visualisation 3D à partir d’un navigateur.

Avec l’amélioration de la bande passante de l’internet et des performances graphiques, il deviendra de plus en plus courant de visualiser des modèles photogrammétriques complexes directement en ligne.

Les développements futurs pourraient inclure

Compression de modèles basée sur l’IA
Visualisation collaborative en temps réel
Intégration de la réalité augmentée
Diffusion en nuage de données 3D massives

Ces technologies feront de la visualisation basée sur le web un élément essentiel des flux de travail en photogrammétrie.

Conclusion

Agisoft Metashape permet de créer des modèles photogrammétriques extrêmement détaillés, mais le partage efficace de ces modèles nécessite souvent de les convertir dans des formats adaptés au web.

En optimisant la géométrie, en réduisant la taille des textures et en exportant les modèles dans des formats efficaces tels que GLTF, il est possible de créer des visionneuses 3D interactives pour le web qui fonctionnent directement dans les navigateurs modernes.

Que ce soit en utilisant des plateformes simples comme Sketchfab ou des cadres avancés comme Three.js et Cesium, la visualisation basée sur le web permet aux modèles de photogrammétrie d’atteindre un public plus large et d’ouvrir de nouvelles possibilités d’exploration interactive.

Au fur et à mesure de l’évolution des technologies web, l’intégration de la photogrammétrie et des visionneuses 3D basées sur un navigateur deviendra un outil de plus en plus puissant pour le partage et la présentation des données spatiales.