Search
Outil

Potree

Un logiciel pour facilement transformer un nuage de points en une page web visionnable par tous

image

découvrir

Potree est une bibliothèque JavaScript open-source qui permet de visualiser des nuages de points en 3D dans un navigateur web. Cette technologie est particulièrement adaptée si l’on veut partager des nuages de points de grand format.

Potree utilise WebGL pour le rendu, ce qui permet d’afficher un grand nombre de points directement dans le navigateur sans nécessiter de plugins.

WebGL (Web Graphics Library) est une API (interface de programmation d’application) JavaScript qui permet de rendre des graphiques 3D et 2D interactifs directement dans les navigateurs web compatibles, sans avoir besoin de plugins. Elle est basée sur OpenGL ES 2.0 et fonctionne directement sur le GPU (processeur graphique) de l’appareil pour fournir une performance de rendu améliorée.

L’avantage majeur de Potree est sa capacité à visualiser de grands nuages de points de manière efficace grâce à l’utilisation d’une structure de données en Octree qui gère les niveaux de détails (LOD)

Cela permet le chargement progressif des points du nuage de points en fonction du niveau de zoom et de la zone à afficher.

Potree permet d’interagir avec le nuages de points et permet notamment d’effectuer des mesures de distances, d’aires, ou encore des annotations.

Le viewer Potree peut facilement être intégré à une page web via l’élément HTML <iframe>

Afin de pouvoir être afficher dans le viewer, le nuage de points doit d’abbord être traité à l’aide de l’outil PotreeConverter. Cet outils accepte les format du nuage de point LAS et LAZ

				
					<!DOCTYPE html>
<html lang="fr">
<head>
    <title>Nuage de Points avec Potree</title>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="stylesheet" type="text/css" href="libs/potree/potree.css">
    <script src="libs/potree/potree.js"></script>
</head>
<body>
    <div id="potree_render_area"></div>

    <script>
        var viewer = new Potree.Viewer(document.getElementById("potree_render_area"));
        
        viewer.setEDLEnabled(true);
        viewer.setFOV(60);
        viewer.setPointBudget(1_000_000);
        viewer.loadSettingsFromURL();
        
        viewer.loadScene("path/to/your/converted/output_directory/cloud.js");
    </script>
</body>
</html>

				
			

etude de cas

Etude de cas

Relevé d’un réseau souterrain avec Spot

Mission à Bruxelles pour tester le robot Spot en conditions réelles. C'était l'occasion de mettre à l'épreuve le système Lidar embarqué, pour numériser des étroites ...
Read More →
microscope
Etude de cas

Photogrammétrie à l’échelle microscopique

Il y a maintenant quelques années, cet étrange prototype a pris forme dans notre labo à Buildwise: un microscope permettant la reconstruction 3D d'échantillons de ...
Read More →
Etude de cas

Restauration de la toiture d’une ferme classée

La Ferme du Château représente le dernier vestige du Château d’Erquelinnes. Dans le cadre de la restauration de ce monument classé, un relevé numérique par ...
Read More →
Etude de cas

Photogrammétrie d’un élément mobilier avec éclairage polarisé

Relevé d'une sculpture par photogrammétrie avec un éclairage artificiel polarisé. Cette technique permet de limiter au maximum les artefacts liés aux reflets et de reconstruire ...
Read More →
Etude de cas

Etude sanitaire de la courtine de Villers

La courtine de Villers est l'un des derniers vestiges de la 1ère enceinte de Bruxelles, un patrimoine unique construit dans le courant du 13ème siècle. ...
Read More →
Etude de cas

Comptages automatiques et rapides des éléments ayant un potentiel de réemploi

Les techniques d'IA mise à profit pour le comptage rapide d'éléments de construction. Ici pour évaluer le potentiel de réemploi.
Read More →

TUTORIELS

Tutoriel

Publication d’un maillage sur le web avec 3DHop

Dans ce tutorial, nous allons présenter une technique très simple afin de mettre en ligne notre maillage 3D avec ou sans texture. Nous utiliserons le ...
Read More →
Tutoriel

3 heures pour produire des orthovues

Dans ce tutotiel, nous allons découvrir une méthode pour produire rapidement les orthovues d'un bâtiment
Read More →
Tutoriel

CloudCompare – Cartographier la planéité d’une paroi

Dans ce tutoriel, on réalisera l'ensemble des opérations qui, à partir d'un nuage de points, permettent de générer une cartographie précise de la planéité d'une ...
Read More →
Tutoriel

Choisir un format de nuage de points

Choisir la bonne option d'exportation peut s'avérer décourageant, mais il est essentiel de comprendre les formats !
Read More →
Tutoriel

Photogrammétrie: Les prises de vue

La prise de vue est essentielle dans le processus photogrammétrique. Les bonnes pratiques sont présentées ici
Read More →
Tutoriel

Les bases de la photogrammétrie

Le flux de  travail en photogrammétrie se déroule en différentes étapes qui sont décrites ici
Read More →

Author

Benoît Lemmens

Purus arcu netus placerat dictum suspendisse magna id semper finibus gravida porttitor