idéesculture

Visualisation 3D · three.js · Draco

Hintze Hall,
un lieu, six versions

Le grand hall du Natural History Museum de Londres, sous le squelette de la baleine bleue. Numérisation de 1,98 million de triangles et deux textures 8192², déclinée pour le web, le mobile, la réalité virtuelle et l'iPhone.

01

Les versions

GLB

Sans compression · textures JPEG 8192²

156,3 MoRéférence
Ouvrir

GLB Draco

Géométrie compressée Draco · textures JPEG 8192²

82,2 Mo−47 %
Ouvrir

GLB Draco + WebP

Géométrie Draco · textures WebP 8192²

45,8 Mo−71 %
Ouvrir
02

Choix automatique

Selon l'appareil

Draco + WebP sur ordinateur ; version allégée « m » (textures 4096²) sur mobile, petit écran ou carte graphique limitée

45,8 / 19,8 Mo−71 % / −87 %
Ouvrir
03

Réalité virtuelle et augmentée

WebXR · échelle 1

Immersion à l'échelle 1 dans Hintze Hall avec un casque (Quest, Pico…), ou modèle posé sur une table en réalité augmentée (Android). Version XR allégée : 500 000 triangles, textures 4096².

12,2 Mo−92 %
Ouvrir

Réalité augmentée sur iPhone / iPad

Ouverture directe dans Quick Look : visez le sol ou une table, la maquette s'y pose. Pincer pour changer l'échelle.

Hintze Hallmaquette 1:10020,8 Mo

Sur iPhone / iPad, en réalité augmentée (USDZ, Quick Look) : Hintze Hall 1:100 · 20,8 Mo

Sur Android ou avec un casque VR : démonstrateur WebXR · 12,2 Mo

04

À savoir

05

Intégrer

Pour afficher la visionneuse et le modèle dans une autre page (CMS, notice, article), copiez ce code à l'endroit voulu. La version allégée est choisie automatiquement sur mobile.

<iframe
  src="https://galeriemuseale.inrap.fr/meshviewer/v2/?model=/meshviewer/samples/hintze_hall_draco_webp.glb&mobile=/meshviewer/samples/hintze_hall_mobile.glb"
  title="Hintze Hall – visionneuse 3D"
  width="100%" height="600" style="border: 0;"
  allow="fullscreen; xr-spatial-tracking" allowfullscreen loading="lazy">
</iframe>

Options à ajouter à l'adresse : &autorotate=1 rotation automatique · &bg=%23ffffff couleur de fond · &unit=m unité des dimensions · &stats=1 panneau de performances.