Visite virtuelle à 360°, face aux Pyrénées. Pau

Dans l’univers de la photo 360 et de la visite en réalité virtuelle, webOdul vous présente un exemple de diaporama 360.

Cette visite virtuelle est réalisée avec Photo Sphere Viewer Js.

Photo Sphere Viewer est une bibliothèque JavaScript permettant de réaliser des prises de vue panoramiques à 360°. Il prend également en charge les panoramas de cube.
Photo Sphere Viewer est basé sur Three.js. Il permet de très bonnes performances sur les systèmes compatibles WebGL (les navigateurs les plus récents) et des performances relativement bonnes sur les autres systèmes prenant en charge HTML Canvas.
Et cela fonctionne aussi avec les écrans tactiles!


WebOdul a réalisé cette visite virtuelle pour vous montrer les capacités, la puissance et la simplicité de cette bibliothèque. Tous ce qu’il faut savoir est présent dans le lien plus haut. Une approche moins lourde que A-Frame si vous ne souhaitez pas faire de la 3D.

Photo Sphere Viewer permet d’utiliser vos photos directement sorties de votre smartphone ou de votre caméra 360. L’ajout de « pin » ou punaise, pour vous situer, est aisé. L’ajout de Google Maps pour permettre à vos visiteurs de se repérer est un plus. La visite virtuelle des lieux extérieurs comme intérieurs avec repérage GPS est possible et offre de nombreuses possibilités.
Le tout avec un encart prévu pour aider à la visite ( texte, image, google map, audio,… ou autres bouts de code ). Seul, le positionnement des « pin » est un peu fastidieux ! Photoshop vous aidera pour cette tâche.


Visite de Pau… Vue sur les Pyrnénées !

Peut-être un peu long à charger!! En effet pour cet exemple, je n’ai pas optimisé les images. 😉


– Comment afficher une image 360 sur son site internet ? Savoir-faire : Intégration d’une image 360 VR
– Comment afficher une vidéo 360 sur son site internet ? Savoir-faire : Intégration d’une vidéo 360 VR
– Comment faire un diaporama ou visite virtuelle sur son site internet ? Présentation et informations : Réaliser une visite virtuelle
– Comment créer une interface VR ou se lancer dans la création de jeux, divertissement 2D/3D sur son site internet ? Savoir-faire : Les outils et les sources pour bien démarrer