https://pannellum.org

Je crois me souvenir que @fil avait fait un truc comme ça avec le script de génération de tuiles qu’il utilise pour le site de @mad_meg, à confirmer...

Pour l’affichage, je viens de voir Pannellum :
►https://pannellum.org

@b_b Je vois que tu l’avais référencé en 2015. Tu l’utilises ? Tu as des retours ?

►https://pannellum.org/documentation/overview

Panoramic images can be provided in either equirectangular, cube map, or multiresolution formats. Equirectangular is the simplest to use as only a single image is needed; Google Photo Sphere XMP metadata is automatically read and used if provided. However, to ensure support among all WebGL-capable devices, the maximum image size should be preferably limited to 4096 px wide; 8192 px is also acceptable for most devices. Cube maps require six images but support somewhat higher resolution panoramas, as the vast majority of devices support cube faces up to 4096 px across. Additionally, cube maps are supported by Pannellum’s fallback CSS 3D transform-based renderer and will therefore work on older mobile devices that don’t support WebGL. Although larger images are supported, download sizes should be taken into consideration. The final input format is Pannellum’s multiresolution format, which is generated from an equirectangular image using Pannellum’s generate.py Python script. This format is a cube map-based format, except each cube face is a tiled image pyramid instead of a single image. Arbitrarily large images are supported, the CSS 3D transform-based fallback renderer is supported, and load times are quick due to the image pyramids. The downside of this format is that extra work is required to convert an image to it and the large number of files that must be hosted.

Pour le 360 je fais du webgl à la main, mais c’est expérimental, et pas avec toutes les features de panellum. (Mon intérêt dans l’affaire est de faire des projections, et il se trouve que la projection stéréographique en fait partie.)
▻https://bl.ocks.org/fil/497d327919606ba6024cb13b4bee38a4

@arno non je n’ai pas joué avec Pannellum, j’avais référencé le bouzin pour un projet qui ne s’est pas fait...

Sur le même sujet, j’avais référencé ça aussi :

▻https://seenthis.net/messages/214135
▻https://seenthis.net/messages/214465

J’ai commencé à jouer avec Pannellum, ça m’a l’air de faire tout ce dont j’ai besoin dans le rendu. Notamment il y a une API pour contrôler l’affichage « après coup », ajouter des hotspots… et surtout ça gère le multirésolution :
▻https://pannellum.org/documentation/examples/multiresolution

Quand on a une image qui fait 4096 pixels (ou moins), c’est très facile à utiliser, on lui balance directement l’image équirectangulaire, et ça fonctionne tout seul (comme la démo de @fil).

En revanche, si on veut afficher des images plus grandes, il faut passer par les tuiles en multi-résolution, et pour ça il fournit uniquement un script Python, qui est une plaie à faire tourner (ça demande des dépendances, dont une certaine « nona » que je vais jamais réussir à installer sur un serveur normal – et que de toute façon ça marche déjà pas sur mon Mac) :
▻https://raw.githubusercontent.com/mpetroff/pannellum/master/utils/multires/generate.py

Ça serait tout de même bien pratique d’avoir un script PHP (comme maptiler pour les tuiles zoomables « à plat »).

Si je comprends bien, nona sert à projeter ton immense image source en 6 faces de cube (front back top bottom left right), des images carrées donc, qui seront ensuite tuilées de façon assez classique. Si tu as la seconde partie, reste à implémenter la première. Mais si tes images sont énormes il faut peut-être faire ce traitement en amont de toute façon ?

Oui, c’est ça. J’ai trouvé des scripts Python qui semblent capables de fabriquer les 6 faces sans utiliser nona, et du coup un peu plus faciles à installer, ça serait déjà ça. Mais toujours pas idéal, parce qu’il faut tout de même installer Pillow pour Python.

Idéalement, j’aimerais au moins trouver un fonction php::imagick pour faire le job.

Et comme par ailleurs je n’arrive même pas à faire tourner le script generate.py, je n’ai pas trop d’idée de la structure des fichiers…

Après, pour le « en amont », le hic c’est :
– d’abord je n’arrive même pas à faire tourner le script en local, donc y’a même pas d’amont pour l’instant :-))
– l’idéal tout de même serait que l’usager puisse directement uploader ses images et badaboum ça fabrique le panoramique.

J’ai un souci assez similaire avec les tuiles « à plat » : je n’arrive pas à traiter correctement les images de plus de 4096 pixels. (édit : en local ; sur mon serveur, j’arrive à traiter au moins le double)

Et tout ça est, évidemment, documenté avec une extrême parcimonie, par des gens bloqués dans une zone de l’espace-temps où les plus grandes images sur le Web semblent faire 256 pixels de large en 8 bits.

Il y a script sphericalpano2cube pour imagemagick sur ce site au look 1990’s
▻http://www.fmwconcepts.com/imagemagick/sphericalpano2cube/index.php

Ah c’est à tenter. Le hic avec ces scripts sont ultra-lents.

Je viens aussi de trouver ceci : cmft - cubemap filtering tool
▻https://github.com/dariomanesku/cmft
Il faut encore que je trouve le mode d’emploi :-))

Ce que j’ai trouvé de plus abouti pour l’instant, c’est le script de Salix Alba :
▻https://stackoverflow.com/questions/29678510/convert-21-equirectangular-panorama-to-cube-map/29681646

Le hic c’est que ça tourne avec une image de 1280 pixels de large (et ça me fabrique une image avec les 6 faces du cube), mais avec l’image de 10000x5000 pixels, ça n’arrive jamais au bout.

si tu as un peu de budget tu peux essayer la version hébergée de ▻https://github.com/denivip/panorama (voir le bas de la page pour le contact). (Si budget zéro, tu peux essayer de l’installer toi-même.)

semble t’il que c’est le script utilisé pour les salles virtuelles de « Fabre dans mon canapé » (par ex : ►https://fabre.montpellier3m.fr/Salle-1-2)

Le repo Github : ▻https://github.com/mpetroff/pannellum
La doc : ►https://pannellum.org/documentation/overview
Sur la projection « equirectangular » : ▻https://wiki.panotools.org/Equirectangular_Projection

#panellum #360 #Fabre #visite_virtuelle #webdoc