Voir la source de Panotour - Notions - Mode VR

<div class="alert btn-default disabled">
[[File:Logo-Panotour-Pro-2010.png|30px]] '''Panotour Pro uniquement''' &nbsp;&nbsp;   Cette fonctionnalité est uniquement disponible dans la version pro de Panotour.</div>
__TOC__
==Intro==
Ceci est une page d'information sur la nouvelle fonctionnalité Mode VR disponible dans Panotour Pro, pour l'affichage de votre visite dans les casques de réalité virtuelle.<br>

Cette page liste également  les limitations du Mode VR, et également les modifications à votre projet une fois que vous aurez basculé dans ce mode.


<br>
==Compatibilité==
===Visualisation sur mobile (MobileVR)===
=====Configuration matérielle requise  pour la VR=====
Il y a une configuration minimale requise pour que votre mobile puisse utiliser le Mode VR :
* Support WebGL
* Le mobile doit avoir un gyroscope '''''et''''' un accéléromètre
* Support de l’événement Devicemotion
* Le navigateur doit supporter l'API HTML5 plein écran ou permettre le plein écran d'une autre façon

Sans ceux-ci, le Mode VR ne sera pas accessible sur votre mobile.

<br/>
=====Instructions=====
# Accédez à votre visite avec le suffixe <code>?vr</code> à la fin de l'URL
#Insérez votre mobile dans un cardboard / casque VR
# Profitez de votre contenu Panotour VR  !

<br>
==== <i class="fa fa-exclamation-circle"></i> Note - Gear VR====
Pour visualiser votre visite sur le Gear VR, il faut créer une application spécifique pour Gear VR, chose que Panotour ne créé pas.<br>
Sinon, vous avez également la possibilité de:
* [[#Visualisation avec Samsung Internet Browser for Gear VR|Visualisation avec Samsung Internet Browser for Gear VR]]
* Visualiser dans un navigateur mobile normal
** Il ne faudra pas brancher le portable au casque, -ou- utiliser une application telle que [https://play.google.com/store/apps/details?id=com.ospolice.packagedisablerpro Package Disabler Pro (Samsung)] ou [https://play.google.com/store/apps/details?id=com.youtopiavr.cbenabler CB Enabler for Gear VR] pour déconnecter l'application Oculus

En visualisant avec le navigateur ou le navigateur pour Gear VR, vous n'avez pas accès à tous les capteurs du casque Gear VR, donc la visualisation ne sera pas aussi fluide ou agréable que la visualisation sur une application Gear VR.

<br>
===Visualisation sur Oculus Rift ===
=====Configuration matérielle requise  pour la VR=====
*  Casque VR Oculus Rift (Consumer Version CV1.0)
* Si vous possédez le casque DK2 (Development Kit 2),  vous pouvez essayer de suivre ces mêmes étapes pour utiliser le WebVR, mais nous ne pouvons pas garantir la stabilité ni la performance.

<br>
=====Configuration logicielle requise  pour la VR=====
Téléchargez, installez, lancez et configurez [https://www3.oculus.com/en-us/setup/ Oculus Home].

Activez le paramètre '''Unknown Sources''' (sources inconnues)  pour le contenu WebVR.
# Démarrez Oculus Home
# Accédez aux paramètres en cliquant sur l'icône en haut à droite de la fenêtre
# Allez dans l'onglet Général
# Cliquez sur la checkbox Unknown Sources pour l'activer
# Validez la fenêtre de confirmation
# Une fois la fenêtre fermée, la case Unknown Sources devrait être cochée pour signifier que les sources inconnues sont maintenant acceptées.
# Vous pouvez maintenant profiter de l'expérience WebVR, sans avoir à refaire ces étapes (même sur un autre PC avec le même compte utilisateur).

<br>
======Instructions======
# Téléchargez [https://webvr.info/get-chrome/ latest experimental Windows Chromium build (64-bit uniquement)].
# Dans la barre d'URL, saisissez <code>chrome://flags#enable-webvr</code> et sélectionnez '''Enabled''' dans le menu déroulant pour activer le WebVR.
# (optionnel) Dans la barre d'URL, saisissez <code>chrome://flags#enable-gamepad-extensions</code> et sélectionnez '''Enabled''' dans le menu déroulant pour activer les extensions pour manettes
# Accédez à votre visite avec le suffixe <code>?vr</code> à la fin de l'URL
# Profitez de votre contenu Panotour VR  !

Note :  Si la visite n'est pas en ligne, il faut visualiser la visite par un server web local, comme par exemple [[Panotour_-_FAQ_-_Visualisation_hors-ligne#Comment_utiliser_le_krpano_Testing_Server|'''KrPano Testing Server''']]. 

<br>
===Visualisation sur HTC Vive ===
=====Configuration matérielle requise  pour la VR=====
*  Casque HTC Vive (Consumer Version CV1.0)
* Si vous possédez un casque Vive Pre-Development Kit,  vous pouvez essayer de suivre ces mêmes étapes pour utiliser le WebVR, mais nous ne pouvons pas garantir la stabilité ni la performance.

<br>
=====Configuration logicielle requise  pour la VR=====
Il faut '''Window 7 SP1 (64-bit)''' ou plus récent. <br>
Assurez-vous d'avoir '''Microsoft .NET Framework v4.6''' ou plus récent installé sur votre ordinateur.

Téléchargez, installez, lancez et configurez [http://www.vive.com/us/setup/ Vive avec SteamVR].
Le Vive utilise l'application '''Steam''' pour naviguer, acheter, télécharger et installer des expériences VR.

<br>
=====Instructions=====
# Téléchargez [https://webvr.info/get-chrome/ latest experimental Windows Chromium build (64-bit uniquement)].
# Dans la barre d'URL, saisissez <code>chrome://flags#enable-webvr</code> et sélectionnez '''Enabled''' dans le menu déroulant pour activer le WebVR.
# (optionnel) Dans la barre d'URL, saisissez <code>chrome://flags#enable-gamepad-extensions</code> et sélectionnez '''Enabled''' dans le menu déroulant pour activer les extensions pour manettes
# Démarrez '''SteamVR'''
# Accédez à votre visite avec le suffixe <code>?vr</code> à la fin de l'URL
# Profitez de votre contenu Panotour VR  !

Note :  Si la visite n'est pas en ligne, il faut visualiser la visite par un server web local, comme par exemple [[Panotour_-_FAQ_-_Visualisation_hors-ligne#Comment_utiliser_le_krpano_Testing_Server|'''KrPano Testing Server''']]. 

<br>
===Visualisation avec Samsung Internet Browser for Gear VR===
=====Configuration matérielle requise  pour la VR=====
Casque '''Samsung Gear VR''' (consumer version 1.0), soit le modèle blanc '''2015 SM-R322''' ou modèle noir '''2016 SM-R323''' .<br />
Le Gear VR (et le navigateur Samsung Internet Browser for Gear VR) est optimisé et ne supporte que ces mobiles Android :
* Galaxy Note 7 (requiert Gear VR SM-R323 avec USB C)
* Galaxy S7
* Galaxy S7 Edge
* Galaxy S6
* Galaxy S6 Edge
* Galaxy S6 Edge+
* Galaxy Note 5
* Galaxy Note 4 (requiert Gear VR Innovator Edition)

<br>
=====Configuration logicielle requise  pour la VR=====
Installez l'Oculus Store simplement en branchant votre mobile compatible Gear VR dans le casque Gear VR.

<br>
=====Instructions=====
#Téléchargez et démarrez la dernière version de  [http://developer.samsung.com/internet#gearvr-overview Samsung Internet Browser] depuis l'Oculus Store
# Dans la barre d'URL, saisissez <code>internet://webvr-enable</code> pour activer le support WebVR experimental (et  <code>internet://webvr-disable</code> pour le désactiver)
# Accédez à votre visite dans l'appli Samsung  Internet browser avec le suffixe <code>?vr</code> à la fin de l'URL
# En connectant votre mobile au Gear VR, toute page web ouverte dans Samsung Internet for Android vous permettra d'ouvrir le même contenu dans Samsung Internet for Gear VR.
# Profitez de votre contenu Panotour VR  !

Note : l'implémentation WebVR dans le Samsung Internet Browser est encore au stade expérimental. Attendez-vous à ce que la performance s'améliore au fil du temps, avec des améliorations au niveau de la latence.

<br>
===Affichage sur desktop===
Si vous voulez tester le Mode VR sur votre ordinateur, veillez à cocher la case "activer le Mode VR sur les ordinateurs de bureau" dans les propriétés du projet.<br>

Le Mode VR sur ordinateur de bureau est uniquement destinée  des fins de tests, ou pour faire des démonstrations.


<br>

==Comportement==
===Comment y accéder===
Votre visite est automatiquement configurée pour supporter le Mode VR, il ne vous reste plus qu'à ajouter un moyen pour y accéder.<br>
Pour accéder ou activer le Mode VR, vous pouvez :
* Créer un spot avec l'action '''Contrôle de l'affichage > Entrer en Mode VR''' à placer dans vos scènes
* Ajouter un bouton à l'interface (soit avec le bouton du Mode VR déjà disponible ou créer un nouveau bouton avec cette même action)
* En ajoutant un bouton Mode VR à votre barre de contrôles.
* Ajouter l'option Mode VR au menu contextuel.
* Ajouter <code>?vr</code> à la fin de l'url de votre visite.

<br>
<div class="alert btn-default disabled">
 <i class="fa fa-exclamation-circle"></i> &nbsp;&nbsp;   Si vous voulez tester le Mode VR sur votre ordinateur, n'oubliez pas de cocher la case "activer le Mode VR sur les ordinateurs de bureau" dans les propriétés du projet !</div>

<br>
===Navigation===
* Pour naviguer en Mode VR vous devez placer des spots point de navigation  pour relier vos panoramas.
** En utilisant la technologie Gaze, l'utilisateur se déplace d'un panorama à l'autre en visant un spot quelques secondes. 
* Vous pouvez également utiliser les plugins Mode VR disponibles à télécharger ici.<br>


<html><a name="Note_Navigation"></a></html>
<span style="color:#e8642f">'''Note''' : Vue par défaut / Vue personnalisée pas complètement supporté : </span>
* <span style="color:#e8642f">L'angle de vue est conservé d'un panorama à l'autre, similaire à l'utilisation keepview, pour que l'utilisateur ne soit pas désorienté et pour proposer une visualisation plus "naturelle".</span>
**<span style="color:#e8642f"> Pour que cet effet fonctionne correctement, tous les panoramas doivent être correctement alignés ''[u]pendant l'assemblage[/u]''; ils ne peuvent pas être alignés dans Panotour. Par exemple, le centre de tous vos panoramas pointe vers le nord.</span>
** <span style="color:#e8642f">Vous pouvez cocher la case "'''Use default view or each scene'''" dans les '''Propriétés du Projet > Mode VR > Keep view settings''' pour définir une nouvelle orientation pour chaque scène, <u> qui utilise la vue par défaut de votre comme orientation vers le nord</u> pour aligner tous les panoramas dans la même direction.</span>

<br>
====Comment créer une navigation spécifique pour le Mode VR====
S'il n'y a pas de spots de navigation dans votre visite par défaut, ou si les spots ne sont pas placés aussi intuitivement qu'il faudrait pour un environnement HMD, vous pouvez créer une navigation spécifique pour ce mode en suivant les étapes suivantes :
# Créez votre visite comme vous l'avez prévu, et générez-la.
# Sauvegardez le projet avec le nom MONPROJET_desktop.kpt.
# '''Ajoutez ou créez et renommez vos nouveaux styles de spot pour la navigation''' qui seront utilisés dans le Mode VR.
# Générez la visite au même endroit.
# Sauvegardez le projet avec le nom MONPROJET_vr.kpt (au cas où il y a des modifications à faire).
# Allez dans le menu '''Edition > Ouvrir le dossier du dernier projet exporté'''.
# Sauvegardez tous les fichiers xml '''_vr.xml''' dans un autre dossier.
# De retour dans Panotour, chargez le projet initial, re-générez-le.
# Remplacez tous les fichiers xml '''_vr.xml''' avec ceux que vous avez sauvegardé.


<br>
<html><a name="Changements"></a></html>

==Modifications de la visite en Mode VR==
===Scènes===
* '''Uniquement les scènes sphériques complètes a 360x180° sont conservés en Mode VR.''' 
** S'il n'y a aucune scène 360x180°, la visite paraîtra vide (écran blanc/noir).
** Si il y a des spots dans la visite qui amènent vers des panoramas qui ne font pas 360x180° (panoramas partiels, plans), ces spots seront retirés.
* <span style="color:#e8642f">'''La vue personnalisée / par défaut n'est pas supportée''''</span>
** <span style="color:#e8642f">L'angle de vue est conservée d'un panorama à l'autre, similaire à l'utilisation keepview, pour que l'utilisateur ne soit pas désorienté et pour proposer une visualisation plus "naturelle".</span>
*** <span style="color:#e8642f">Pour que cet effet fonctionne correctement, tous les panoramas doivent être correctement alignés ''pendant l'assemblage''; ils ne peuvent pas être alignés dans Panotour. Par exemple, le centre de tous vos panoramas pointe vers le nord.</span>

<br>
===Spots===
* '''Spots Point''' - Uniquement les spots qui naviguent vers une autre scène 360x180° sont conservés
* '''Spot Polygonaux''' - Les spots polygonaux de navigation amenant sur une autre scène 360x180° sont conservés, et prennent l'apparence du spot point par défaut.
*  '''Spots Vidéo et Livepano''' - Conservés mais :
** Les vidéos ne se maximisent pas
** Pas d'effet de parallaxe
** Requiert une interaction physique de l'utilisateur, comme toucher l'écran pour démarrer la vidéo (restriction mobile générale)
** Pas de sons sur iPhone, il faut ajouter manuellement dans le xml une bande son pour la vidéo - http://krpano.com/plugins/videoplayer/#videourl
*  '''Spot Image''' - Conservés mais :
** Les images ne se maximisent pas
** Pas d'effet de parallaxe
*  '''Reflets''' - Aucun
*  '''Spot Contenu-Web''' - Aucun
*  '''Spots Son''' - Aucun


Les infobulles ne sont pas affichées.

<br>
===Plugins===
Tous les plugins sont enlevés de l'interface sauf:
*  Contrôles utilisateur > Touches précédentes/suivantes 
* [http://www.kolor.com/wiki-en/action/view/Panotour_-_Advanced_-_Extra_Plugins#VR_Mode_-_Nadir.2FZenith_Next_button '''Nadir /  Zenith Next button'''] - Permet d'ajouter un bouton au nadir ou zénith du panorama permettant d'avancer vers le prochain panorama ou groupe dans l'ordre du projet.
* [http://www.kolor.com/wiki-en/action/view/Panotour_-_Advanced_-_Extra_Plugins#VR_Mode_-_Nadir.2FZenith_Home_button '''Nadir /  Zenith Home button'''] - Permet d'ajouter un bouton au nadir ou zénith du panorama permettant de retourner vers un panorama "home" spécifique
* [http://www.kolor.com/wiki-en/action/view/Panotour_-_Advanced_-_Extra_Plugins#VR_Mode_-_Prev.2FNext_Floating_buttons '''Floating Prev/Next Buttons'''] - Permet d'ajouter des boutons flottant vers le bas du panoramas permettant d'avancer ou retourner vers le panorama suivant ou précédent dans l'ordre du projet.

<br>
==Limitations ==
* Les visites contenant plus d'une vidéo 360° ne fonctionneront pas en Mode VR sur Android
* Les scènes vidéo requièrent une action utilisateur pour démarrer (limitation mobile), donc il n'est pas recommandé d'inclure plusieurs scènes vidéo dans votre visite.


<br/><br/><br/><br/>
'''RETOUR :''' [[Documentation]] / [[Documentation Panotour]]
[[en:Panotour_-_Notions_-_VR_Mode]]