OSM DATA 3D - Modélisation 2D des bâtiments suite - (4/5) #1281
Conversation
Guts
requested review from
a team,
aurelienchaumet and
jeremieprudhomme
and removed request for
a team
|
Allez zou, c'est parti pour la @geotribu/relecture ! ℹ️ Aux relecteur/ices Merci d'utiliser autant que possible le mode Suggestion de la review : https://docs.github.com/fr/pull-requests/collaborating-with-pull-requests/reviewing-changes-in-pull-requests/reviewing-proposed-changes-in-a-pull-request#starting-a-review
C'est vraiment IMPORTANT pour le confort de l'auteur/ice 🙏 cc @sguimmara |
| date: 2025-03-25 | ||
| description: "OSM DATA 3D : des données 2D à leur représentation en 3D - suite" | ||
| icon: material/video-3d | ||
| image: https://cdn.geotribu.fr/img/articles-blog-rdp/articles/2025/osm_data/article_3/miniature.png |
There was a problem hiding this comment.
Yes j'ai changé, j’hésite entre celle en place et celle ci https://cdn.geotribu.fr/img/articles-blog-rdp/articles/2025/osm_data/article_3/representation_facade.png
Je pars pour celle en place, si ca te va (
content/articles/2025/2025-03-10_osm-data-3D-04-modelisation-facade.md
Outdated
Show resolved
Hide resolved
content/articles/2025/2025-03-10_osm-data-3D-04-modelisation-facade.md
Outdated
Show resolved
Hide resolved
|
|
||
| WebGL ne pouvant gérer les polygones à plus de trois sommets, une triangulation est réalisée sur chaque façade du bâtiment. | ||
|
|
||
| On aurait pu refaire cette manipulation avec [Earcut](https://github.com/mapbox/earcut) mais on a décidé de se compliquer la vie en se rajoutant le défi de réaliser la triangulation. On considère donc le premier point du polygone, et les deux points suivants pour définir notre premier triangle. Pour le second triangle, on considère le second sommet et les deux suivants et on recommence ce processus itératif jusqu'au dernier point, ou sont alors considérés les deux premiers sommets traités. Ce traitement permet de s'assurer qu'on obtient des géométries fermées. Si vous n'avez rien compris, c'est normal, utilisez [Earcut](https://github.com/mapbox/earcut). |
There was a problem hiding this comment.
| On aurait pu refaire cette manipulation avec [Earcut](https://github.com/mapbox/earcut) mais on a décidé de se compliquer la vie en se rajoutant le défi de réaliser la triangulation. On considère donc le premier point du polygone, et les deux points suivants pour définir notre premier triangle. Pour le second triangle, on considère le second sommet et les deux suivants et on recommence ce processus itératif jusqu'au dernier point, ou sont alors considérés les deux premiers sommets traités. Ce traitement permet de s'assurer qu'on obtient des géométries fermées. Si vous n'avez rien compris, c'est normal, utilisez [Earcut](https://github.com/mapbox/earcut). | |
| On aurait pu refaire cette manipulation avec [Earcut](https://github.com/mapbox/earcut) mais on a décidé de se compliquer la vie en se rajoutant le défi de réaliser la triangulation. On considère donc le premier point du polygone, et les deux points suivants pour définir notre premier triangle. Pour le second triangle, on considère le second sommet et les deux suivants et on recommence ce processus itératif jusqu'au dernier point, où sont alors considérés les deux premiers sommets traités. Ce traitement permet de s'assurer qu'on obtient des géométries fermées. Si vous n'avez rien compris, c'est normal, utilisez [Earcut](https://github.com/mapbox/earcut). |
En effet, ce n'est pas très clair, surtout la dernière partie de ta longue phrase "ou sont alors considérés les deux premiers sommets traités". Je ne sais pas s'il y a moyen de rendre ça plus compréhensible en faisant des phrases plus courtes peut-être ?
There was a problem hiding this comment.
Cette méthode artisanale de triangulation permet-elle de gérer les polygones concaves ? Si non, ça vaudrait le coup de mentionner que ça ne fonctionne que pour des polygones convexes.
There was a problem hiding this comment.
Il faut également préciser que cette méthode de triangulation duplique les sommets. Idéalement, (et ce que fait Earcut), c'est d'utiliser des géométries indexées, beaucoup moins gourmande en mémoire, ce qui est indispensable lorsque l'on veut afficher de nombreux bâtiments simultanément.
There was a problem hiding this comment.
La phrase méritait plus d'explication, d'autant plus que le script qui suit ne triangule pas uniquement. J'ai complété la phrase pour préciser qu'on effectue deux étapes ici : projection de chaque sommet de la toiture, tout en créant les triangles de chaque facade.
En faisant comme cela, c'est à dire en travaillant segment par segment [A, B], je pense que ca marche aussi avec les polygones concaves. Effectivement ces derniers (concave) ne fonctionneraient pas si je triangulais avec ces méthode en utilisant l'ensemble des sommets de la toiture + leurs projection.
J'ai essayé de reformulé en donnant plus de détail, et yess j'ai rajouté l'avantage d'utiliser Earcut, merci pour la remarque.
J'espère que c'est plus lisible dans sa nouvelle formulation.
Merci pour vos relectures 🙏
content/articles/2025/2025-03-10_osm-data-3D-04-modelisation-facade.md
Outdated
Show resolved
Hide resolved
| <iframe height="500" style="width: 100%;" scrolling="no" title="Résumé des étapes de construction de la toitures" src="https://codepen.io/TANK2003/embed/vEBrgyo?default-tab=result" frameborder="no" loading="lazy" allowtransparency="true" allowfullscreen="true"> | ||
| Allez sur le codepen <a href="https://codepen.io/TANK2003/pen/vEBrgyo"> | ||
| Résumé des étapes de construction du bâtiment</a> by Karl TAYOU (<a href="https://codepen.io/TANK2003">@TANK2003</a>) | ||
| on <a href="https://codepen.io">CodePen</a>. | ||
| </iframe> |
There was a problem hiding this comment.
Typo sur "Squellete" -> "Squelette" pour les étapes 2 et 5
- il y a deux étapes 5
Guts
changed the title
…acade.md Co-authored-by: jeremieprudhomme <[email protected]> Signed-off-by: Karl TAYOU <[email protected]>
…acade.md Co-authored-by: jeremieprudhomme <[email protected]> Signed-off-by: Karl TAYOU <[email protected]>
…acade.md Co-authored-by: jeremieprudhomme <[email protected]> Signed-off-by: Karl TAYOU <[email protected]>
|
🎉 Le site de prévisualisation pour cette PR a été généré et est disponible sous ce lien. |
Quatrième article d'une série de 5 sur la nouvelle version d'OSM DATA (aka son printemps) en 3D. Dans ce Quatrième article, on continue la modélisation des données 2D . La modélisation des façades cette fois ci
Merci d'avance pour votre relecture. 🙏
ℹ️ Message automatique à lire et remplir ⬇️
Liens importants
Ressources et check-list
Pour info, voici quelques extraits de notre guide de contribution :
Qualité
Images
loadingdéfini surlazy(cf. MDN et guide material-mkdocs)📢 Diffusion
Une fois l'article publié, il sera alors temps de le diffuser. Il sera automatiquement intégré au flux RSS et à la newsletter.
Mais la publication sur les réseaux sociaux est manuelle.
Nous avons des comptes officiels sur ces réseaux sociaux :
Facebook - inactifX/Twitter- inactifMerci d'indiquer en commentaire tes comptes à utiliser pour être cité/e dans les messages et de cocher ci-après la "stratégie" de diffusion qui te convient pour chaque réseau.
BlueSky
LinkedIn
Mastodon